ReactJS/NextJS Internship Project
Project Overview
This repository showcases my implementation for the ReactJS. The objective was to bring to life a website builder's platform based on the provided Figma design. The implementation focuses on modular components, project structure, and responsive design.
Project Features
Modularity: The codebase is meticulously organized with reusable components to ensure maintainability and scalability. Styling: SCSS has been employed for styling, enhancing the visual aesthetics of the website builder platform. Responsive Design: The website adapts seamlessly to various devices, ensuring an optimal user experience.
Project Structure
.
├── public
│ └── (static assets)
├── src
| |___assest
| | |___(static assets)
│ ├── components
│ │ └── (reusable components)
│ ├── styles
│ │ └── (SCSS files)
│ └── (other project files)
├── .eslintrc.cjs
├── .gitignore
├── README.md
├── index.html
├── package-lock.json
├── package.json
└── vite.config.js
Figma Design
The project is based on the provided Figma design for a website builder's platform. You can view the original design here.
How to Run
- Clone the repository:
git clone [https://github.com/Silvyjson/Webbuilder.git] - Navigate to the project directory:
cd [project_directory] - Install dependencies:
npm install - Run the project:
npm run dev
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh