Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/viet281101/beautyclinic

Beautice - Clinic & Beauty Consultation Website
https://github.com/viet281101/beautyclinic

reactjs sass

Last synced: 11 days ago
JSON representation

Beautice - Clinic & Beauty Consultation Website

Host: GitHub
URL: https://github.com/viet281101/beautyclinic
Owner: Viet281101
Created: 2024-12-05T09:51:06.000Z (20 days ago)
Default Branch: main
Last Pushed: 2024-12-13T08:56:13.000Z (12 days ago)
Last Synced: 2024-12-13T09:34:05.605Z (12 days ago)
Topics: reactjs, sass
Language: JavaScript
Homepage: https://viet281101.github.io/BeautyClinic/
Size: 14.2 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Beauty-Clinic

![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/Viet281101/BeautyClinic) ![Github language count](https://img.shields.io/github/languages/count/Viet281101/BeautyClinic) ![GitHub Created At](https://img.shields.io/github/created-at/Viet281101/BeautyClinic)

**Beautice - Clinic & Beauty Consultation Website**

[![alt text](/public/react.svg)](https://react.dev/)  **&** [![alt text](/public/javascript.svg)](https://en.wikipedia.org/wiki/JavaScript) **&** [![alt text](/public/tailwind.svg)](https://tailwindcss.com/) **&** [![alt text](public/sass.svg)](https://sass-lang.com/)

**Figma Link:** [Beauty and Clinic](https://www.figma.com/design/Ry2YV1BCuUR3m0xPZdqrGP/Beautice---Clinic-%26-Beauty-Consultation-Website-Design?node-id=513-2&node-type=canvas&t=vKCDwo3FlkNBcL8j-0)

Using the **ReactJS library**:

- [X] Build the **Home1 page** in Beauty Clinic 

- [ ] Build the **Home2 page** in Beauty Clinic 

---

### Requirements:

1. **Develop and build the webpage with absolute precision.**

   - **Suggestion:** Reuse code from **Exercise 0** as a starting point.

   - Focus on creating a **well-structured and highly reusable codebase**.

   - Learn and apply **TailwindCSS**, **styled-components**, and **twin.macro** to style the application. Use these tools to replace plain CSS. You can convert the previously written plain CSS into these modern styling methods.

2. **Deployment:**

   - After completing the project, deploy the website using one of the following platforms:

     - [Vercel Deployment](https://vercel.com/docs/deployments/overview)

     - [Netlify Deployment](https://www.netlify.com/)

     - [GitHub Actions Deployment](https://docs.github.com/en/actions/deployment/about-deployments/deploying-with-github-actions) 

---