Skip to content

Duard4/goit-lloyd-portfolio

Repository files navigation

🚀 GOIT JS Team Project 🚀

Overview 📝

This project is a collaborative team project for the GOIT JavaScript course. The project is hosted on GitHub Pages and can be accessed by everyone.

Features ✨

  • 🌐 Collaborative development using GitHub.
  • 📱 Responsive design following the Figma prototype.
  • 🛠️ Utilizes HTML, CSS, and JavaScript to build the project.
  • 🌟 Optimized performance with 1x and 2x images for better resolution across devices.
  • 🎯 Optimized assets: All images and SVGs were compressed for faster load times.
  • 🎨 CSS Variables: Used throughout stylesheets to enable quick and consistent design changes.
  • 📡 GET and POST methods: For fetching and sending data to/from the server efficiently.

Technologies Used 💻

  • 🖋️ HTML, CSS, and JavaScript: Core technologies for building the project.
  • 🎨 Vanilla CSS: For styling without relying on frameworks.
  • Vite: For bundling and fast development.
  • 🔽 Accordion: Interactive collapsible UI components.
  • 🔳 basicLightbox: Lightweight library for creating modals.
  • 🔔 iziToast: Library for elegant notifications and alerts.

Getting Started 🚀

To get a local copy up and running, follow these simple steps.

Prerequisites ✔️

  • 🟢 Node.js
  • 🟡 npm

Installation 🛠️

  1. Clone the repo:
    git clone https://github.com/Duard4/goit-js-team-project.git
  2. Install NPM packages:
    npm install
    
  3. Reinstall NPM packages (optional):
    rm -rf node_modules
    npm install

Usage ▶️

Run the project locally:

npm run dev

or

npm start

Contributing 🤝

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. 🍴 Fork the Project
  2. 🌿 Create your Feature Branch:
git checkout -b feature/AmazingFeature
  1. 🖊️ Commit your Changes:
git commit -m 'Add some AmazingFeature'
  1. ⬆️ Push to the Branch:
git push origin feature/AmazingFeature
  1. 🔃 Open a Pull Request