Skip to content

A simple example of a website with an admin panel that allows authorized users to edit or add new content to the website.

Notifications You must be signed in to change notification settings

Roykovich/react-website-admin-panel

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

95 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Website Admin Panel

This project was bootstrapped with Create React App.

I'm creating this project in order to learn more about react. #50reactprojects

Objective

Create an admin dashboard to configure website settings that requires user login.

Levels

  • Level 1
  • Level 2
  • Level 3

ToDos

  • Create a new page
  • Create an admin page
  • Require login for admin
  • Add login page
  • Integrate authentication
  • Add configurable settings
  • Add configuration form
  • Update config on save
  • Deploy or update on save

How I handle the admin panel configuration?

I decided to use Auth0 that already have components that works with and for authentication, so I can use their log in form for my authorized users, in that way they can access the admin panel and add or edit content on the webapp.

Light and Dark Theme

With this project I did deeper research about light theme and dark theme implementations and design fundamentals about them. The article that helped me the most was this one Material Design. I did read another articles about it but this one was the better in my opinion.

Light and Dark theme switch

About

A simple example of a website with an admin panel that allows authorized users to edit or add new content to the website.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published