Skip to content

README.md

Latest commit

 

History

History
48 lines (40 loc) · 1.62 KB

README.md

File metadata and controls

48 lines (40 loc) · 1.62 KB

Tesla Alpha Webpage

Preview

TRY IT OUT : https://nottesla.netlify.app/#

Overview

Tesla Webpage is a modern, responsive web application designed to showcase Tesla models and features. The site features an engaging user interface with a sidebar navigation, responsive design, and smooth animations to enhance user experience. It uses Node.js with Express for the server and includes CSS and JavaScript for interactivity.

Installation

Clone the Repository

git clone https://github.com/username/tesla-webpage.git
cd tesla-webpage

Install Dependencies

Ensure you have Node.js installed. Install the necessary dependencies with:

npm install

Start the Server

Run the server with:

npm start

Usage

Sidebar Navigation

  • Desktop: Click the button at the top right to open the sidebar. The sidebar slides in from the right.
  • Mobile: Click the mobile menu button to open the sidebar.

Example Views:

  • Desktop View
  • Mobile View

Features

  • Static File Serving: Serves CSS, JavaScript, and images.
  • Responsive Layout: Optimized for both desktop and mobile views.
  • Sidebar Navigation: Flexible and responsive sidebar menu.
  • Animations: Smooth scrolling and gentle transitions using AOS (Animate On Scroll).

Languages and Tools

  • Node.js and Express for the server.
  • HTML, CSS, and JavaScript for the frontend.
  • AOS (Animate On Scroll) for scroll animations.
  • Google Fonts: For font integration.