Skip to content

hannahshiels/dit341

Repository files navigation

Backend and Frontend Template

Latest version: https://git.ita.chalmers.se/courses/dit341/group-00-web (public Github mirror)

Project Structure

File Purpose What you do?
server/ Backend server code All your server code
server/README.md Everything about the server READ ME carefully!
client/ Frontend client code All your client code
client/README.md Everything about the client READ ME carefully!
docs/DEPLOYMENT.md Free online production deployment Deploy your app online in production mode
docs/LOCAL_DEPLOYMENT.md Local production deployment Deploy your app local in production mode

Requirements

The version numbers in brackets indicate the tested versions but feel free to use more recent versions. You can also use alternative tools if you know how to configure them (e.g., Firefox instead of Chrome).

Getting started

# Clone repository
git clone [email protected]:courses/dit341/group-00-web.git

# Change into the directory
cd group-00-web

# Setup backend
cd server && npm install
npm run dev

# Setup frontend
cd client && npm install
npm run serve

Check out the detailed instructions for backend and frontend.

Visual Studio Code (VSCode)

Open the server and client in separate VSCode workspaces or open the combined backend-frontend.code-workspace. Otherwise, workspace-specific settings don't work properly.

System Definition (MS0)

Purpose

We are making this system to help gardeners in Sweden who want to maintain their plants well, track progress, prepare schedules and thus keep their plants and gardens in the best shape possible. Users can instantly advertise what they are offering or looking for and can also comment on any advertisements in the system. Descriptions, names, and schedules of all plants in the garden will be kept in the system, which can be added by the users.

Pages

  • Home: This page will show all key features of our system i.e. the garden, the advertisement, the login and the gallery page. The user is able to navigate to the individual feature’s pages. The page will also show whether the user is logged in or not and if logged in, a button for logging out.

  • Create Account/Login: This page will allow users to create a user account or login to the system. To create an account, the system will ask for a name, password and an email. The rest of the fields (such as contact address, contact number etc.) will be optional and can be filled in any time later on.

  • Advertisements: This page will have listings of local services or tools offered. The user will be able to post an advertisement offering something or asking for something. Registered users may post their own advertisements here. Registered users can also comment on any advertisements that are posted. Non-registered users can only view advertisements.

  • Gardens: All users can view other posted gardens showing details about the size, soil, and number of plants. Only registered users can create or edit their own garden. The user can navigate to each individual garden to view more details.

  • Plants: Within a user’s garden, all plants are shown. Each plant is shown with a name and description, along with schedules for water/ fertilizer.

  • Tips: Users can view all tips in the system on this page.

Entity-Relationship (ER) Diagram

ER Diagram

Teaser (MS3)

Teaser

About

Vue/Express course project from GU

Resources

Stars

Watchers

Forks

Packages

No packages published