This repository contains the source code for the PopX website, featuring a clean, user-friendly interface with the following pages:
- Welcome Page
- Login Page
- Account Creation Page
- Account Settings Page
The website is designed to be fully responsive, ensuring seamless navigation across all devices.
- Displays a welcome message and brief description
- Buttons for Create Account and Login navigation
- Email and password input fields
- Login button for authentication
- Form fields for:
- Full Name
- Phone Number
- Email Address
- Password
- Company Name
- Agency selection (Yes/No)
- Create Account button for submission
- Displays user profile information (Name, Email)
- Includes a brief user bio section
React.js/Next.js
Tailwind CSS
Formik & Yup
Firebase/Node.js
- Node.js (v16+)
- npm/yarn
- Clone the repository:
git clone https://github.com/nathimike102/Popx.git cd Popx - Install dependencies:
npm install - Run the development server:
npm run dev - Open
http://localhost:3000in your browser
Deploy this project on:
- Vercel (Recommended for Next.js)
- Netlify
- Firebase Hosting
Example for Vercel:
vercel deploy- All pages strictly follow the provided mockups
- Fonts: Use
InterorPoppins(Google Fonts) - Colors:
- Primary:
#6C63FF - Text:
#333333 - Background:
#FFFFFF
- Primary:
Welcome Page → Create Account → Signup Page
→ Login → Login Page
Signup Success → Account Settings
Login Success → Account Settings
- Add password reset functionality
- Integrate a backend API for user data
- Dark mode toggle
Pull requests are welcome! For major changes, open an issue first.
Contact: 23mh1a05h9@acoe.edu.in
🚀 Happy Coding!