https://github.com/mamunkhan71/restaurant

Online Restaurant Management Web Page - Job Task from Softnio
https://github.com/mamunkhan71/restaurant

Last synced: 1 day ago
JSON representation

Online Restaurant Management Web Page - Job Task from Softnio

• Host: GitHub
• URL: https://github.com/mamunkhan71/restaurant
• Owner: MamunKhan71
• Created: 2024-11-03T07:53:02.000Z (13 days ago)
• Default Branch: main
• Last Pushed: 2024-11-03T09:11:05.000Z (13 days ago)
• Last Synced: 2024-11-03T08:25:42.530Z (13 days ago)
• Language: JavaScript
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Restaurant Assignment

This project is a pixel-perfect conversion of a Figma design for a restaurant website. The goal was to replicate the design accurately and ensure a responsive, cross-browser compatible, and well-structured codebase. Priority was given to using modern JavaScript (ES6) and a popular front-end framework.

## 🚀 Live Preview

[Restaurant Website](https://mk-restaurant24.netlify.app/)

## 📂 Project Links

- **GitHub Repository**: [GitHub - Restaurant](https://github.com/MamunKhan71/Restaurant)

- **Homepage Demo**: 

## 📋 Assignment Overview

This assignment involved converting a Figma design file into a fully responsive website with pixel-perfect precision. The main focus areas were:

- **Responsive Design**: Ensuring mobile, tablet, and desktop compatibility.

- **Cross-Browser Compatibility**: Making the design work seamlessly across different browsers.

- **Framework/Library Usage**: Using frameworks like **React** and **Tailwind CSS** to build a structured and efficient codebase.

### 🎨 Design Requirements

- **Source**: Figma Design File

- **Framework**: Plain HTML version was accepted, but **React** or **Vue** received priority.

- **CSS Framework**: Custom CSS or frameworks like **Bootstrap** or **Tailwind CSS**.

- **JavaScript Standard**: **ES6**.

### 📑 Submission Requirements

- Repository link with a `README.md` file.

- Included **live preview link** and other important project information.

## 🛠️ Technologies Used

- **Frontend**: HTML, React, Swiper, react-customizable-progressbar, react-tabs, tailwindcss-filters

- **Styling**: Tailwind CSS, Vanilla CSS

- **JavaScript**: ES6

## 📄 Additional Notes

Candidates were assessed based on the following:

- Code quality: well-structured, clean, and readable.

- Pixel-perfect design replication.

- Responsive design on all screen sizes.

## 📜 License

This project is for educational and assessment purposes only.