DoctorCare is a landing page for a medical assistance service. It was built as a personal project to strengthen my knowledge of Webpack5, HTML5, Sass/SCSS, and JavaScript.
The template for the site was developed by RocketSeat, a Brazilian company known for their expertise in web development.
The main motivation for this project was to improve my understanding of Webpack5 and how it can be used to manage and bundle web application assets.
As part of my learning process, I'm using this project as an opportunity to practice writing Sass/SCSS using BEM (Block Element Modify) and the 7-1 Patterns Architecture. BEM is a naming convention that helps to create reusable and modular CSS, while the 7-1 Patterns Architecture is a well-established way of organizing Sass/SCSS files into smaller, more manageable parts.
By following these best practices, I hope to improve my front-end development skills and create a more robust and maintainable project.
- HTML5
- Sass/SCSS
- JavaScript
- Webpack
To get started with this project, follow these steps:
Clone the repository
- Use the command:
git clone https://github.com/YuriCoutinho/DoctorCare.git
Install the project dependencies
- Use the command:
npm install
Development Server
- Use the command:
npm run devThis will start a development server at http://localhost:3000/. The server will automatically reload the page whenever you make changes to the code.
Production Build
- To create a production build of the project, use the command:
npm run buildThis will create a production build in the dist directory.
This project is licensed under the ISC License. See the LICENSE file for details.