/ordercar-purejs-bootstrap-webpack

Primary LanguageJavaScript

Order Car

Preview for the project https://drive.google.com/file/d/1d9KqX2kdJLDFigofpJr7AtAzSGH7EP7L/view?usp=sharing

Table of contents

Overview

Getting started

To get started with this project, follow these steps:

Clone the repository: git clone https://github.com/NataliaJeszke/ordercar-purejs-bootstrap-webpack.git

Install dependencies: npm install

Build the project: npm run build

Start the development server: npm run start:dev

The application should now be available at http://localhost:9000/.

Usage:

  • Select a car

  • Fill the form

  • Order confirmation

  • View the optimal layout depending on their device's screen size

  • See hover and focus states for interactive elements

Screenshot

Desktop version (https://drive.google.com/file/d/1d9KqX2kdJLDFigofpJr7AtAzSGH7EP7L/view?usp=sharing)

Mobile version (https://drive.google.com/file/d/1qoQGTRq2t-wDr_Qf594oOjMdYhl5B1xM/view?usp=sharing)

Links

My process

Built with

  • Pure JavaScript
  • Webpack 5
  • Bootstrap
  • CSS custom properties
  • Flexbox

What I learned

A project where I learned how to add Webpack and validate Bootstrap forms.

Resources

Undraw.co for images

Image by pch.vector on Freepik

api.lorem.space

picsum.photos

Author