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

Lions - Mean Girls 2004 - Nancy, Ivy, Devin, Max #21

Open
wants to merge 54 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
54 commits
Select commit Hold shift + click to select a range
3c9a0fb
created app files with react
maxpasqualis Dec 23, 2022
cf52008
created file for example data to test app
ivystrayed Jan 3, 2023
31dfb0c
possible dummy data?
maxpasqualis Jan 4, 2023
d1c87dd
render unstyled list of all boards
maxpasqualis Jan 4, 2023
8a92933
render singular card component
maxpasqualis Jan 4, 2023
63bc850
render all cards from board passed in through App
maxpasqualis Jan 4, 2023
98c2373
ivy - added new components into App
maxpasqualis Jan 4, 2023
72d7e31
ivy - changed title of window
maxpasqualis Jan 4, 2023
bcce0a1
ivy - began writing logic for new board form
maxpasqualis Jan 4, 2023
a5157ee
added state for board selection
maxpasqualis Jan 5, 2023
99fd11e
completed boardForm basic functionality, still need to lift state up
ivystrayed Jan 5, 2023
37c7135
Ivy, completed new board form, currently prints to console, needs to …
ivystrayed Jan 5, 2023
32025b3
ivy - changed an incorrect key name
ivystrayed Jan 5, 2023
5ada7a4
added showing cards depending on board selection
maxpasqualis Jan 5, 2023
a74630c
Co-authored-by: Violet Ivy <ivystrayed@users.noreply.github.com>
maxpasqualis Jan 5, 2023
c1cf63f
initial commit
maxpasqualis Jan 6, 2023
5a1f170
added instance of cardform to app
maxpasqualis Jan 6, 2023
8de9a6a
ivy added font and logo files for website
ivystrayed Jan 6, 2023
457721b
pulling updated changes
maxpasqualis Jan 6, 2023
e0bdebc
added methods and state for new card input
maxpasqualis Jan 6, 2023
3e6b1f4
began function to add card to db
maxpasqualis Jan 6, 2023
8a09af8
arranged css into basic layout and added website logo
ivystrayed Jan 6, 2023
a65de58
added an awesome background
ivystrayed Jan 6, 2023
9cac563
changed favicon file to better reflect the content of the webiste"
ivystrayed Jan 6, 2023
afefc65
merging to pull
maxpasqualis Jan 6, 2023
cb8be79
added create card field (still debugging)
maxpasqualis Jan 6, 2023
5c15cc9
fixed bug with card ids returning as NaN
maxpasqualis Jan 6, 2023
ed7d621
added error handling using state
maxpasqualis Jan 6, 2023
913cc30
added key props to boards/cards
maxpasqualis Jan 6, 2023
b18b176
added button to show/hide the create board form
ivystrayed Jan 7, 2023
c77449e
Merge branch 'main' of https://github.com/maxpasqualis/front-end-insp…
ivystrayed Jan 7, 2023
4b56bf6
tweaked background to create floating menu
ivystrayed Jan 7, 2023
9232b00
refactored hiding board form
maxpasqualis Jan 7, 2023
5faf1da
pulling changes
maxpasqualis Jan 7, 2023
72a9be4
added board title + error display
maxpasqualis Jan 7, 2023
f30424d
hiding new card form when no board is selected
maxpasqualis Jan 7, 2023
5ecf0ad
made title container height static
maxpasqualis Jan 7, 2023
f7bc4df
removed debug console.log
maxpasqualis Jan 7, 2023
dd05cbb
began styling cards, added class names to card and cardForm, added dr…
ivystrayed Jan 7, 2023
3a485a4
small aesthetic change in the side bar
ivystrayed Jan 7, 2023
ccee1db
added axios call for creating a board
maxpasqualis Jan 17, 2023
2d628ce
connected board list to db (breaks card display)
maxpasqualis Jan 17, 2023
a07ca75
Merge branch 'main' of https://github.com/maxpasqualis/front-end-insp…
ivystrayed Jan 18, 2023
d5e1227
added back card css that got lost in a merge
ivystrayed Jan 18, 2023
dec4492
fixed card display when selecting a board
maxpasqualis Jan 18, 2023
e99b2e4
added button type
maxpasqualis Jan 18, 2023
731a0ab
tweaked to update state when new board is created
maxpasqualis Jan 18, 2023
6afcf03
added post request to api when adding cards
maxpasqualis Jan 18, 2023
da6dd04
cards now appear immediately after theyre added
maxpasqualis Jan 18, 2023
3011e8c
added ability to delete cards
maxpasqualis Jan 18, 2023
5b09ab1
added functionality to 'like' cards
maxpasqualis Jan 18, 2023
2e8ed6b
cleaning up warnings and debug statements
maxpasqualis Jan 18, 2023
4dcd80f
css styling on cards
ivystrayed Jan 19, 2023
a2f791a
finshed styling the website, fixed some buttons, changed some fonts
ivystrayed Jan 19, 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:

### `npm 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.

### `npm 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.

### `npm run 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.

### `npm run 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)

### `npm run 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.
39 changes: 39 additions & 0 deletions package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
{
"name": "front-end-inspiration-board",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"axios": "^1.2.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"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>The Burn Book</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