Skip to content

pocketful/CA-React

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CA React - Skills page with authentication

With this app you can register new user, login and logout, create new skill and see all of your skills.

🎨 Main features

  • Login, Register pages - authentication
  • Home page - show's logged in user's skills
  • Add page - user can add new skill
  • Routes are protected from unauthenticated users
  • All forms has validation

🚀 Getting started

🔨 Configure files

Rename .env.example to .env and put your credentials in it. For this project I was using this back-end server.

🎈 Start the project

npm install
npm start
  • The app runs in the development mode.
  • Open http://localhost:3000 to view it in your browser.
  • The page will reload when you make changes.
  • You may also see any lint errors in the console.

(back to top)

🔧 Technologies Used

  • React
  • CSS Modules

📜 Sources

This project was bootstrapped with Create React App

📦 Additionally installed packages

  • react-router-dom 5.3.3
  • formik 2.2.9
  • yup 0.32.11
  • prop-types 15.8.1

(back to top)

💻 Demo


Login page Register page Home (skills) page Add (skill) page
example of login page example of register page example of home(skills) page example of add skill page

🔼 Back To Top