I am learning the art of slicing website designs from 10am Studio. I recently sliced a travel information website design named "Camp Travel" using Next.js 13 and Tailwind CSS. This slicing process involves converting visual designs into functional HTML, CSS, and JavaScript code suitable for web usage. It has provided me with insights into component structures, layout settings, and responsive designs on websites.
This project is an open source project, you can preview the code and clone this project. You can also contribute to make this project better.
Ensure the following are installed on your computer:
- Node.js ^16.14.*
- NPM (Node Package Manager)
-
Clone the Repository:
git clone https://github.com/aldyvictor/camp-travel.git
-
Navigate to Project Directory:
cd camp-travel
-
Install Dependencies:
npm install
-
Run the Project:
npm run dev
-
Access the Project:
Open a browser and visit http://localhost:3055
I appreciate your contribution! If you'd like to contribute to this project, please create a pull request, and I'll be happy to review it.
"And don't forget to give a star if you like this project! โ๏ธ"