pocketful / CA-React

React assignment of CA program

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

🔼 Back To Top