AdoptMe- Svelte Themes

Adoptme

A group project focusing on the backebnd and frontend aspects of a responsive website. Farmeworks useds are Svelte, Node.js, Javascript, HTML, CSS.

Full-Stack Web Development Project

This repository contains a full-stack web development project that showcases a comprehensive web application built using various modern technologies. The project demonstrates a complete workflow from the front-end to the back-end, including database management and version control.

Technologies Used:

  • JavaScript: Core programming language for both front-end and back-end development.
  • Express.js: Back-end framework used to build the server and handle routing.
  • Node.js: JavaScript runtime environment used for server-side development.
  • MySQL: Relational database management system used for storing and managing data.
  • Git: Version control system used for tracking changes and collaboration.
  • Svelte: Front-end framework used for building reactive and highly performant user interfaces.
  • HTML: Markup language used for structuring the web pages.
  • CSS: Styling language used for designing the web pages.

Project Features:

  • Responsive Design: The website is designed to be responsive and works well on various devices and screen sizes.
  • Dynamic Content: Uses JavaScript and Svelte to create interactive and dynamic content on the front end.
  • API Integration: The back-end server built with Express.js handles API requests and responses..
  • Database Operations: Implements CRUD (Create, Read, Update, Delete) operations using MySQL for data persistence.
  • Version Control: All development work is tracked using Git for efficient collaboration and version management.

Getting Started

Prerequisites:

  • Node.js
  • MySQl

Installation:

  1. Clone the repository to your local IDE.
  2. Navigate to the project directory.
  3. Install the npm packages. "npm install".
  4. Set up the database.
    • Create a MySQL database.
    • It could be directly created by just running the SQL files in some IDE like VS code.
    • Alternatively, one can import the provided schema.
  5. Start the server for both backend and frontend - "npm start".
  6. Open the directed browser and navigate to `http://localhost:3000` to view the application.

Contributors:

Echo(yxx10101), Natalia(Brideget), Billy(ZedZed34)

Top categories

Loading Svelte Themes