Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

C22 - Aleida, Aksana, Maybellene #14

Open
wants to merge 35 commits into
base: main
Choose a base branch
from
Open

C22 - Aleida, Aksana, Maybellene #14

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
35 commits
Select commit Hold shift + click to select a range
cf5121e
setup initiated and completed
aleidavi Dec 20, 2024
a043f8d
creates board container components and tab
Dec 21, 2024
d24092e
shows tabs content based on the activetab!
Dec 21, 2024
54da235
implements logic to get boards from api with useEffect and render boa…
Dec 24, 2024
f86b441
updates name such that BoardContainer is BoardList
Dec 24, 2024
faf10fc
creates cardData logic for API get in useEffect, pass into CardList c…
Dec 24, 2024
44ff1ac
passes cardData into CardList and Card for it to show up on the page
Dec 24, 2024
a8975cd
updates some css
Dec 24, 2024
742a454
implements logic to show cards based on selected Boards
Dec 25, 2024
86a8ffa
adds x button (no function) to each card with styling
Dec 25, 2024
b408b8f
updates activeBoardIndex to activeBoardId
Dec 25, 2024
c861e2c
creates Modal component and basic form (without functions)
Dec 25, 2024
787f4dd
handles new Board submission
Dec 25, 2024
caaa6a6
handles error if title and/or owner is not filled when submitting
Dec 25, 2024
f436de5
refactors new board submission error handling
Dec 25, 2024
17ed269
error handling for new board form
Dec 27, 2024
10ae0dc
implemented NewCardForm, added NewCardForm to the App
Kseny-a Jan 3, 2025
9be3f94
implementation of handle likes count and delete card functionality
aleidavi Jan 5, 2025
c807540
passed down new props to CardList.jsx component
aleidavi Jan 5, 2025
621a3c7
passed down handleDeleteCard and handleLikesCount props to Card compo…
aleidavi Jan 5, 2025
ca6456f
added likes count to the card, updated styling of the card
Kseny-a Jan 6, 2025
549c1ed
updated card styling
Kseny-a Jan 6, 2025
d0802fa
error handling added to NewCardForm.jsx and updated NewCardForm
aleidavi Jan 7, 2025
fd47a65
implemented SortDropdown component, added useEffect hook, updated get…
Kseny-a Jan 7, 2025
8bbc87e
NewCardForm changes
aleidavi Jan 7, 2025
ac690a2
updated NewCardForm styling
Kseny-a Jan 7, 2025
009d9dd
Merge remote-tracking branch 'refs/remotes/origin/main'
Kseny-a Jan 7, 2025
02e7360
updated App.jsx
Kseny-a Jan 7, 2025
a6535ff
updated App.jsx for the NewCardSubmit form
Kseny-a Jan 7, 2025
eb91ad4
fixed BoardList.jsx import error from boardList.css line to finish de…
aleidavi Jan 7, 2025
f28fd36
changes to kBaseUrl for deployed back-end URL
aleidavi Jan 7, 2025
5ae0e5d
displaying user's currently selected board for better User Experience
aleidavi Jan 8, 2025
1957da9
displayed the currently selected board onto react webpage
aleidavi Jan 8, 2025
5e63161
styling changes to cards
aleidavi Jan 9, 2025
1c4fd30
adding small styling changes to App.css
aleidavi Jan 9, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .env
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
VITE_APP_BACKEND_URL=http://localhost:5000
66 changes: 20 additions & 46 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,50 +1,24 @@
.DS_Store
.vscode
.env

# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
pnpm-debug.log*
lerna-debug.log*

node_modules
dist
dist-ssr
*.local

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
9 changes: 6 additions & 3 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
# Inspiration Board: Front-end Layer
# React + Vite

This scaffold only includes a `.gitignore` file.
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

To get started, follow the setup directions described in the project.
Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
38 changes: 38 additions & 0 deletions eslint.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
import js from '@eslint/js'
import globals from 'globals'
import react from 'eslint-plugin-react'
import reactHooks from 'eslint-plugin-react-hooks'
import reactRefresh from 'eslint-plugin-react-refresh'

export default [
{ ignores: ['dist'] },
{
files: ['**/*.{js,jsx}'],
languageOptions: {
ecmaVersion: 2020,
globals: globals.browser,
parserOptions: {
ecmaVersion: 'latest',
ecmaFeatures: { jsx: true },
sourceType: 'module',
},
},
settings: { react: { version: '18.3' } },
plugins: {
react,
'react-hooks': reactHooks,
'react-refresh': reactRefresh,
},
rules: {
...js.configs.recommended.rules,
...react.configs.recommended.rules,
...react.configs['jsx-runtime'].rules,
...reactHooks.configs.recommended.rules,
'react/jsx-no-target-blank': 'off',
'react-refresh/only-export-components': [
'warn',
{ allowConstantExport: true },
],
},
},
]
13 changes: 13 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>
Loading