Frontend Technical Assessment

This repository contains my submission for the Frontend Technical Assessment project.

---

🚀 Tech Stack

• React
• JSX
• JavaScript (ES6+)
• CSS / Tailwind (if used)
• JSON (for configs or data)
• Node.js & npm / Yarn

---

📂 Project Structure

frontend_technical_assessment/
├─ public/ # Static assets (favicon, index.html)
├─ src/ # Source code (components, hooks, pages, styles)
│ ├─ components/
│ ├─ pages/
│ └─ index.jsx / index.js
├─ package.json # Project dependencies and scripts
├─ package-lock.json / yarn.lock
├─ .gitignore
├─ README.md
└─ (other config files: vite.config.js, webpack.config.js, .eslintrc, etc.)

---

🛠️ Setup & Installation

1. Clone the repository git clone https://github.com/mohsinkhan85090/frontend_technical_assessment.git

2. Navigate into the project folder cd frontend_technical_assessment

3. Install dependencies

   • Using npm: npm install
   • Or using Yarn: yarn install

4. Start the development server

   • Using npm: npm start
   • Or using Yarn: yarn start

   The app will be available at: http://localhost:3000

---

📦 Build for Production

To create a production-ready build:

• Using npm: npm run build

• Or using Yarn: yarn build

The build output will be in the build/ (or dist/) folder depending on your setup.

---

✅ Common Scripts

(These names assume a typical package.json. Adjust if your project uses different script names.)

• start — start dev server
• build — production build
• test — run tests
• lint — run linter/fix

---

📝 Notes

• If this is a Vite/CRA/Next project, follow that framework's standard commands (they map to the scripts above).
• Add a .env.example (if you use environment variables) and never commit .env containing secrets.
• If you need a .gitignore, include node_modules/, dist/, build/, .env, and editor folders like .vscode/.

---

🖼️ Screenshots / Demo

Add screenshots or a link to a live demo here later to showcase the UI.

---

🙌 Author

Mohsin Khan

• GitHub: https://github.com/mohsinkhan85090
• LinkedIn: https://linkedin.com/in/mohsin-khan-aiml

---