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.

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

G, Theffy, Alyssa, Aisha Inspiration Board Kunzite #11

Open
wants to merge 60 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
60 commits
Select commit Hold shift + click to select a range
070ab47
one time set-up
genesisquinn Jun 22, 2023
dc1752c
create empty componentd, BoardList, Board, Card, CardList, Add code t…
Theffy92 Jun 27, 2023
f8b3ddb
Add NewBoardForm, add code in App.js to handle the board Form
Theffy92 Jun 27, 2023
d5f7bb6
Enhance the black shadow in the header element
Theffy92 Jun 27, 2023
9a4ea57
NewBoardForm.css
Theffy92 Jun 27, 2023
fb7450f
Enhance New Board Form
Theffy92 Jun 27, 2023
05d86eb
Merge branch 'card_components_Theffy'
Theffy92 Jun 27, 2023
7fa826e
Add customized fonts
Theffy92 Jun 27, 2023
5743e0e
Add cistomized fonts
Theffy92 Jun 27, 2023
ab47cc1
fix close button in new board form popup
Theffy92 Jun 28, 2023
549ae24
fix close button in popup form
Theffy92 Jun 28, 2023
54d5030
updated Card.js, CardList.js
aimo22 Jun 28, 2023
dccbd9e
Create Selected board section: grid, columns and row for displaying t…
Theffy92 Jun 28, 2023
2ebfb72
add our names in the footer
Theffy92 Jun 28, 2023
d7ac77c
Move class cards-container into CardList and class card into Card com…
Theffy92 Jun 28, 2023
1d57bc7
Add style to Cards for section and Add NewCardForm component and styling
Theffy92 Jun 28, 2023
5b733c2
A minor change in App
Theffy92 Jun 28, 2023
357b7cc
Add NewCardForm.css
Theffy92 Jun 28, 2023
88d6a34
Add NewCardForm.css
Theffy92 Jun 28, 2023
9a5fea4
Add NewCardForm.css and delete unused code
Theffy92 Jun 28, 2023
e9377da
Fix dropdown menu
Theffy92 Jun 29, 2023
6e4cd7c
Fix dropdown menu
Theffy92 Jun 29, 2023
0a6f564
Start working on card styling
Theffy92 Jun 29, 2023
3d813b7
Star working on cards styling
Theffy92 Jun 29, 2023
88e4ea5
Start working on cards styling
Theffy92 Jun 29, 2023
71ebb60
Add red color to delete button in cards
Theffy92 Jun 29, 2023
0d52616
Add shadow to the cards
Theffy92 Jun 29, 2023
f5c3ec0
More adjustments in card styling
Theffy92 Jun 29, 2023
5814b75
Make get board request successfully
Theffy92 Jun 29, 2023
8b36062
Make post request successfully
Theffy92 Jun 29, 2023
93d6d9a
Add delete all boards button in case we want to use it
Theffy92 Jun 29, 2023
c06f5e4
Fix dropdown menu to show the new board without refreshing the browser
Theffy92 Jun 29, 2023
1188f1c
Finish styling card items
Theffy92 Jun 29, 2023
ee3e48e
minor changes
Theffy92 Jun 29, 2023
cee1749
Fix dropdown scrolling
Theffy92 Jun 29, 2023
fda4755
Fix dropdown scrolling
Theffy92 Jun 29, 2023
65c9b6d
Fix dropdown scrolling
Theffy92 Jun 29, 2023
0c5cfaf
Card get request added
Theffy92 Jun 29, 2023
e501394
updated card.js and cardlist.js, added function in app.js for card likes
aimo22 Jun 30, 2023
53ec2f6
Merge branch 'main' of https://github.com/genesisquinn/front-end-insp…
aimo22 Jun 30, 2023
9430903
Updated delete card, create new card functions
aimo22 Jun 30, 2023
5ba3122
fixed: like count not displaying, heart count centered over heart icon
aimo22 Jul 1, 2023
c7a19a4
Fixed: post card request,Added delete current board request
Theffy92 Jul 11, 2023
d401a5b
updated handleLike
aimo22 Jul 14, 2023
e1ca6ea
fix delete current board popup
Theffy92 Jul 17, 2023
84a8d61
styling delete and cancel board buttons
Theffy92 Jul 17, 2023
89f0622
add tests folder and Board test file
Theffy92 Jul 18, 2023
62ed7b3
add BoardList test file
Theffy92 Jul 18, 2023
ce37a4a
Add Card test file. App test still not working
Theffy92 Jul 18, 2023
fd78a63
fix App test import module
Theffy92 Jul 19, 2023
b4566f0
trying to fix App test
Theffy92 Jul 19, 2023
1f7e41e
fix App test file
Theffy92 Jul 19, 2023
86c15e7
Add sorting by ID and alphabetically
Theffy92 Jul 19, 2023
637be4d
Add sorting by number of likes
Theffy92 Jul 19, 2023
d669953
Fix sort cards menu
Theffy92 Jul 19, 2023
72fb948
Merge branch 'theffys_tests' into test_branch
Theffy92 Jul 19, 2023
9c56a99
Add board post request test in App.test.js
Theffy92 Jul 20, 2023
8bb145f
Add API url
Theffy92 Jul 20, 2023
d7654bd
fix some errors in App
Theffy92 Jul 20, 2023
93764e6
Adding dependency array to UseEffect again to stop the blinking issue
Theffy92 Jul 21, 2023
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
23 changes: 23 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -48,3 +48,26 @@ yarn-error.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
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
71 changes: 68 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,70 @@
# Inspiration Board: Front-end Layer
# Getting Started with Create React App

This scaffold only includes a `.gitignore` file.
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

To get started, follow the setup directions described in the project.
## Available Scripts

In the project directory, you can run:

### `yarn start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\
You may also see any lint errors in the console.

### `yarn test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `yarn build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `yarn eject`

**Note: this is a one-way operation. Once you `eject`, you can't go back!**

If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).

### Code Splitting

This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)

### Analyzing the Bundle Size

This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)

### Making a Progressive Web App

This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)

### Advanced Configuration

This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)

### Deployment

This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)

### `yarn build` fails to minify

This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
5 changes: 5 additions & 0 deletions README.old.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
# Inspiration Board: Front-end Layer

This scaffold only includes a `.gitignore` file.

To get started, follow the setup directions described in the project.
48 changes: 48 additions & 0 deletions package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
{
"name": "front-end-inspiration-board",
"version": "0.1.0",
"private": true,
"dependencies": {
"@fortawesome/fontawesome-svg-core": "^6.4.0",
"@fortawesome/free-regular-svg-icons": "^6.4.0",
"@fortawesome/free-solid-svg-icons": "^6.4.0",
"@fortawesome/react-fontawesome": "^0.2.0",
"@testing-library/jest-dom": "^5.14.1",
"@testing-library/react": "^13.0.0",
"@testing-library/user-event": "^13.2.1",
"axios": "^1.4.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"jest": {
"moduleNameMapper": {
"axios": "axios/dist/node/axios.cjs"
}
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}
Binary file added public/favicon.ico
Binary file not shown.
43 changes: 43 additions & 0 deletions public/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.

Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>Inspo Board</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.

You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.

To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>
Binary file added public/logo192.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/logo512.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
25 changes: 25 additions & 0 deletions public/manifest.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
{
"short_name": "React App",
"name": "Create React App Sample",
"icons": [
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{
"src": "logo192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "logo512.png",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": ".",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
}
3 changes: 3 additions & 0 deletions public/robots.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
# https://www.robotstxt.org/robotstxt.html
User-agent: *
Disallow:
Loading