Welcome to Fireplace Palace! 🔥🏰 This is one of the first websites I created as part of a team. Our mission is to bring warmth and elegance to your living spaces with beautifully designed fireplaces.
Follow these instructions to get a copy of the project up and running on your local machine for development purposes.
- Node.js: Ensure you have Node.js installed. You can download it from here.
-
Clone the Repository
git clone https://github.com/yourusername/fireplace-palace.git cd fireplace-palace
-
Install Dependencies
npm install
Start the development server with the following command:
npm run dev
- Once the server is running, open your browser and navigate to http://localhost:3000 to view the website.
- You can also go to the website through the terminal by clicking on the link provided which will appear in the terminal.
This website was built with a mobile-first approach to ensure a seamless experience across all devices. To view the mobile version:
-
Open Developer Tools
- Right-click anywhere on the website and select Inspect or press
Ctrl+Shift+I
(Windows) orCmd+Option+I
(Mac).
- Right-click anywhere on the website and select Inspect or press
-
Toggle Device Toolbar
- Click the Toggle device toolbar button (usually represented by a smartphone/tablet icon) or press
Ctrl+Shift+M
(Windows) orCmd+Shift+M
(Mac).
- Click the Toggle device toolbar button (usually represented by a smartphone/tablet icon) or press
-
Choose a Device
- Select your preferred mobile device from the device options to simulate its view.
This project was a team effort. My focus was on linking webpages and compiling the founders page, which involved working with JSX and CSS to create a cohesive and visually appealing user experience.
- Enhanced Form Validation: Implement comprehensive regex controls for all form fields to ensure data integrity.
- Seamless Navigation: Add links on the submit page for easy navigation back to the main page.
- Expanded Reviews: Allow users to filter reviews by additional categories.
- User Accounts: Enable users to create accounts for personalized experiences.
Stay tuned for more updates and improvements!