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

Rykaliva full-stack(front-end) #28

Open
wants to merge 43 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
43 commits
Select commit Hold shift + click to select a range
d3969d6
react app setup
Dec 22, 2022
7e0d4e3
added axios call syntax
Dec 23, 2022
9f1a722
created the components folder and files
Jan 17, 2023
2c3af95
recreated css files and started working on Board component
lisafenglisa Jan 17, 2023
16ceae9
created a dropdown component
Jan 17, 2023
f53755b
got the dropdown component to work and is visible
Jan 17, 2023
98da21b
building board form component
Jan 17, 2023
ddce084
created basic board css and working the card
lisafenglisa Jan 17, 2023
96ec55f
create card components and updated board css
ryanrt9 Jan 17, 2023
73b6ab6
assigned sections
Jan 17, 2023
5b84697
undated some css files, updated NewBoardForm for submitting a board f…
lisafenglisa Jan 18, 2023
7000d25
updated new board form and drowdown
lisafenglisa Jan 18, 2023
269168b
working through newcardform
Jan 18, 2023
c138265
got board id in dropdown
Jan 18, 2023
175bed2
possible resave but working through dropdown
Jan 18, 2023
8cffeda
working through Card.js
ryanrt9 Jan 18, 2023
53c6fe0
Merge branch 'main' of https://github.com/misstinav/front-end-inspira…
ryanrt9 Jan 18, 2023
6af0d5d
not changing anything, just for a pull
lisafenglisa Jan 18, 2023
70a5582
Merge branch 'main' of https://github.com/misstinav/front-end-inspira…
lisafenglisa Jan 18, 2023
bd28a6f
other changes made
Jan 18, 2023
27fd3c7
for pull
lisafenglisa Jan 18, 2023
01e6233
Merge branch 'main' of https://github.com/misstinav/front-end-inspira…
lisafenglisa Jan 18, 2023
c8b582a
updated addCardCallback and created getBoardId
lisafenglisa Jan 18, 2023
33c09c9
Merge branch 'main' of https://github.com/misstinav/front-end-inspira…
ryanrt9 Jan 18, 2023
af601c3
made create card working and shows the board title
lisafenglisa Jan 18, 2023
f7f72ca
Merge branch 'main' of https://github.com/misstinav/front-end-inspira…
ryanrt9 Jan 18, 2023
c9c5d1e
updated CardList, trying to get individual cards to show
ryanrt9 Jan 18, 2023
99e9fa9
took notes for how to move forward
Jan 18, 2023
eb16b4d
merging with pull
Jan 19, 2023
c6555a0
updated card data
lisafenglisa Jan 19, 2023
4d87cac
board specific cards are now visible
Jan 19, 2023
1be5515
updated like_count part
lisafenglisa Jan 19, 2023
46990a2
created delete card
lisafenglisa Jan 19, 2023
729429c
deleted comments
Jan 19, 2023
585adc0
fixing get board id
lisafenglisa Jan 19, 2023
23937b4
merged
Jan 19, 2023
1e8ef5f
updated updateCard in board to make axios call first then setCardData…
Jan 19, 2023
a4575d0
made changes to css. cardlist and board have competing grid layouts. …
Jan 20, 2023
6144ddc
added some css
lisafenglisa Jan 20, 2023
df4c9d1
added value for create new card
lisafenglisa Jan 20, 2023
d2efb59
fixed the clashing grids. Can now access cards and user interaction o…
Jan 21, 2023
bd9d046
cleaned up the code
Jan 21, 2023
df5e33c
updated css styling
Jan 22, 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)
Loading