Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mehmet-github06/react-lesson-reminder
Project aims to create a Lesson Reminder App.
https://github.com/mehmet-github06/react-lesson-reminder
html-css-javascript react yarn
Last synced: about 11 hours ago
JSON representation
Project aims to create a Lesson Reminder App.
- Host: GitHub
- URL: https://github.com/mehmet-github06/react-lesson-reminder
- Owner: Mehmet-github06
- Created: 2023-12-03T20:48:06.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2023-12-06T08:43:52.000Z (12 months ago)
- Last Synced: 2023-12-06T09:41:20.465Z (12 months ago)
- Topics: html-css-javascript, react, yarn
- Language: JavaScript
- Homepage: https://react-lesson-reminder-app.netlify.app/
- Size: 2.94 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Lesson Reminder
## Description
Project aims to create a Lesson Reminder App.
## Problem Statement
- We are adding a new project to our portfolios. So you and your colleagues have started to work on the project.
## Component Skeleton
## Project Skeleton
```
001 - Lesson Reminder (folder)
|
|----readme.md # Given to the students (Definition of the project)
SOLUTION
├── public
│ └── index.html
├── src
│ ├── App.js
│ ├── components
│ │ ├── Header
│ │ │ ├── Header.css
│ │ │ └── Header.jsx
│ │ └── LessonCard
│ │ ├── LessonCard.jsx
│ │ └── lesson.module.css
│ ├── helper
│ │ └── data.js
│ ├── pages
│ │ └── Lesson.jsx
│ ├── index.css
│ ├── index.js
├── package.json
└── package-lock.json
```
## Expected Outcome
## Objective
Build a Lesson Reminder App using ReactJS.
### At the end of the project, following topics are to be covered;
- HTML
- CSS
- JS
- ReactJS
### At the end of the project, students will be able to;
- improve coding skills within HTML & CSS & JS & ReactJS.
- use git commands (push, pull, commit, add etc.) and Github as Version Control System.
## Steps to Solution
- Step 1: Create React App using `npx create-react-app lesson-reminder`
- Step 2: Build Lesson Reminder App.
- Step 3: You can use Css/ModuleCss for styling.
- Step 5: Push your application into your own public repo on Github
- Step 6: Add project gif to your project and README.md file.
## Notes
- You can add additional functionalitiesto your app.
## Demo
**
☺ Happy Coding ✍
**