Giter VIP home page Giter VIP logo

acme-rocket-website's Introduction

Acme Rockets Website

This is a static website for Acme Rockets, a fictional company that builds and sells rockets. The website is built using HTML, Tailwind CSS, and JavaScript.

Live Website

The website is deployed and can be accessed at https://rideacmerockets.onrender.com.

Features

  • Responsive design that adapts to different screen sizes and aspect ratios
  • Light and dark mode support
  • Animated hamburger menu for mobile devices
  • Smooth scrolling between sections
  • Contact form for inquiries

Technologies Used

  • HTML5
  • CSS3
  • Tailwind CSS (utility-first CSS framework)
  • JavaScript (ES6)

Project Structure

  • index.html: The main HTML file that contains the website structure and content.
  • tailwind.config.js: Configuration file for Tailwind CSS.
  • input.css: The main CSS file where Tailwind directives are imported.
  • style.css: Output CSS file for input.css.
  • main.js: The JavaScript file that handles the hamburger menu functionality.
  • /img: Directory containing images used on the website.

Getting Started

To run the website locally, you'll need to have Node.js and npm (Node Package Manager) installed on your machine.

  1. Clone the repository or download the source code.
  2. Navigate to the project directory in your terminal.
  3. Install the required dependencies by running npm install.
  4. Start the development server with npm run dev.
  5. Open your web browser and visit http://localhost:3000 to see the website.

Building for Production

To generate an optimized production build, run npm run build. This will create a build directory containing the compiled HTML, CSS, and JavaScript files, ready for deployment.

Deployment

The website is currently deployed at https://rideacmerockets.onrender.com. If you need to deploy it to a different hosting service, simply upload the contents of the build directory to your desired hosting location.

Credits

  • Rocket illustrations by Vivek Kashyap
  • Testimonial quotes inspired by various Looney Tunes characters and Buzz Lightyear from Toy Story.

acme-rocket-website's People

Contributors

rayn000 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.