Project aims to create a Personal List App.
- We are adding a new personal to our portfolios. So you and your colleagues have started to work on the project.
02 - Personal List App(folder)
|
|----readme.md # Given to the students (Definition of the project)
SOLUTION
├── public
│ └── index.html
├── src
┣ 📂components
┃ ┃ ┣ 📜Header.jsx
┃ ┃ ┣ 📜Card.jsx
┃ ┃ ┣ 📜Footer.jsx
┣ 📂scss
┃ ┣ 📜_reset.scss
┃ ┣ 📜_variables.scss
┃ ┣ 📜 app.scss
┃ ┣ 📜 card.scss
┃ ┣ 📜 foother.module.scss
┃ ┣ 📜 header.scss
┃
┣ 📜App.js
┣ 📜App.scss
┗ 📜index.js
Build a Personal List App using ReactJS.
-
HTML
-
CSS
-
SASS
-
JS
-
ReactJS
-
improve coding skills within HTML & CSS & SASS & JS & ReactJS.
-
use git commands (push, pull, commit, add etc.) and Github as Version Control System.
-
Step 1: Create React App using
npx create-react-app product-list-app
oryarn create-react-app product-list-app
-
Step 2: Build personal-list-app using
data.js
. -
Step 4: Push your application into your own public repo on Github
-
Step 5: Add project gif to your project and README.md file.
- You can add additional functionalities to your app.
☺ Happy Coding ✍