Crunch Designs

Deployed Link: https://crunch-designs.netlify.app/

Replicating a page from the popular design template website Dribble

Tech Stack used:-

• HTML
• CSS
• JavaScript.

Functionalities Added -

• Log In / Sign Up
  • Sign up with a new account
  • All fields required to be filled, if not error is shown
  • Log in using signed-up credentials
  • On invalid credentials, the error is shown
• Website Traffic Counter
  • A counter keeps increasing for every visit to the landing page
• Profile Page
  • A new page that shows user details
  • Also the ability to edit user details
• Admin Page
  • A new page that is only accessible to admins
• Sorting / Filtering / Removing users (only for admins)
  • Admins can sort users based on their names alphabetically
  • Admins can filter the type of users between user/admin/mod
  • Admins can remove users
  • Admins have another tab where they keep track of all tasks

Screens -

Home Page

Signup Page

Login Page

Profile Page