An open API service indexing awesome lists of open source software.

https://github.com/ibrsec/simple-lesson-reminder


https://github.com/ibrsec/simple-lesson-reminder

Last synced: 11 months ago
JSON representation

Awesome Lists containing this project

README

          







Logo

Lesson Reminder React Project


An awesome Lesson Reminder React Project
Explore the docs ยป




View Demo
ยท
Report Bug
ยท
Request Feature


๐Ÿ“Ž Table of Contents ๐Ÿ“Ž


  1. About The Project


  2. Overview

  3. Quick Setup

  4. Directory structure

  5. Built With


---


## โ„น๏ธ About The Project

[![lesson-reminder](./src/img/project.gif)](https://simple-lesson-reminder-kwuc.vercel.app/)

(back to top)

---


## ๐Ÿ‘€ Overview

๐Ÿ“ฆ Used mock data for Lesson information
๐ŸŽฏ Used React environment, components, use state, use effect, context api hooks. sass, css modules
๐Ÿ’ช Screen Lessons and clear if you want to

(back to top)


## ๐Ÿ›ซ Quick Setup

```sh
# clone the project
git clone https://github.com/ibrsec/lesson-reminder.git

# enter the project directory
cd lesson-reminder

# install dependency
npm install || yarn install

# develop
npm run dev || yarn start
```

(back to top)


## ๐Ÿ“‚ Directory structure

```diff
lesson-reminder (folder)
|
|---public (folder)
+ |---src (folder)
| |---img (folder)
| |
| |---scss (folder)
| | |---_reset.scss
| | โ””---_variable.scss
| |
| |---helper (folder)
| | โ””---data.jsx
| |
| |---components (folder)
| | |---contex (folder)
| | | โ””---GlobalData.jsx
| | |
| | |---header (folder)
| | | |---Header.jsx
| | | โ””---Header.module.scss
| | |
| | |---button (folder)
| | | |---Button.jsx
| | | โ””---Button.module.scss
| | |
| | โ””---content (folder)
| | |---Lesson.jsx
| | |---Lesson.module.css
| | |---Content.jsx
| | โ””---Content.module.scss
| |
| |
| |---App.js
| |---Index.js
| โ””---Index.scss
|
|----index.html
|----.gitignore
|----package.json
|----yarn-lock
โ””----readme.md
```

(back to top)

---


### ๐Ÿ—๏ธ Built With








(back to top)