https://github.com/olgabull/react_users-context

🙋🏻‍♂️ (¬‿¬)USERS - is the App, where you can add/delete new user, toggle between the "Dark" and the "Light" mode, sort users according to the column title
https://github.com/olgabull/react_users-context

dark-mode light-mode localstorage react react-hooks react-router sorting use-context

Last synced: about 1 month ago
JSON representation

🙋🏻‍♂️ (¬‿¬)USERS - is the App, where you can add/delete new user, toggle between the "Dark" and the "Light" mode, sort users according to the column title

• Host: GitHub
• URL: https://github.com/olgabull/react_users-context
• Owner: OlgaBuLL
• Created: 2023-09-14T19:40:35.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-09-14T20:27:43.000Z (over 1 year ago)
• Last Synced: 2023-09-15T12:43:17.866Z (over 1 year ago)
• Topics: dark-mode, light-mode, localstorage, react, react-hooks, react-router, sorting, use-context
• Language: JavaScript
• Homepage: https://olgabull.github.io/REACT_Users-Context/
• Size: 471 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
🙋🏻‍♂️ USERS




## About The Project

✔ Ability to **`add`** and **`delete`** new user    

✔ The users's data is stored in **`LocalStorage`**, so the info won't disappear after reloading the page    

✔ **`Sorting`** the table data according to the column title: **`"Name"`**, **`"Age"`**, **`"Subscription"`**, **`"Employment"`**    

✔ If there is no data left in the table, the corresponding inscription **`"Table is empty"`** will be displayed on the screen    

✔ Ability to toggle the app's appearance from **`"Dark mode"`** to **`"Light mode"`**   

✔ **`Routing`**


    

## A brief overview of this project:    




>Click any of the images below to visit this website!




[](https://olgabull.github.io/REACT_Users-Context/)

[](https://olgabull.github.io/REACT_Users-Context/)

[](https://olgabull.github.io/REACT_Users-Context/)

[](https://olgabull.github.io/REACT_Users-Context/#/about)




## Stack:

✔ `React`    

✔ `React-Router`    

✔ `useContext`    

✔ `SASS`      

✔ `Java Script`     

✔ `Grid`    

✔ `Flex`    

✔ `LocalStorage`    

✔ `semantic and adaptive layout`      




## Available Scripts:

In the project directory, you can run:

### `npm start`




## Contacts:

  

    

      

        

      
GitHub

     

    

      

        

      
Telegram

     

    

      

       

      
E-mail

     

    

      

       

      
LinkedIn