Giter Club home page Giter Club logo

purrfection's Introduction

Purrfection

Table of Contents
  1. Description
  2. Motivation
  3. Acquired Knowledge
  4. Installation
  5. User stories
  6. License
  7. Conclusion
  8. Links
  9. Acknowledgments

Description

Desktop View

Desktop-view

Mobile View

In this group project, we intend to create and develop an online pet store that is practical for either the following:

  • Clients who would like to purchase the available pet(s) &
  • For clients who are selling their animals.

Features:

This app allows Users to:

  • Create an account as a official member by Sign ups.
  • Post an individual Advertisement about an animal that is currently available for Sale.
  • Allows users to delete their Advertisement.
  • Edit their existing profile details.
  • Search animals by category.
  • To be able search the available animal by breed.

(back to top)

Motivation

  • Our collective passion for Pets really allowed us to provide a secure & reliable online pet store platform for users once users have officially logs in.

(back to top)

Acquired Knowledge:

  • Practical application of Handle Bars, Middle ware & fetching relevant API Routes really allowed us to obtain better on the importance of the MVC & the SQL concepts.
  • Tailwind CSS in alignment with HTML, Javascript.

(back to top)

Installation:

Initialization.

npm i 
npm run seed
npm start 

(back to top)

Usage

Once signed in, here is the demo of how you would navigate through the website:

Animation cycles through signing into the app, clicking on buttons, and updating blog posts.

User stories

As a User, I want to be able to view available Pets posted by Advertisements.  As a User, I want to view a single-page advertisement posted by the Breeder. As a User, I want to be able to log in to view all of the available pets that are currently for Sale.  As a User, I want to be able to post a single advertisement.  As a User, I want to filter the available animals by categories.

(back to top)

License

This is distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Conclusion

In conclusion, by successfully launching this project, we had successfully applied and collaborated as a team in balancing our unique strengths in both efficiency & effective problem resolution.  

More importantly, we now understand the relative importance of web development theories which are essential to the everyday use that we have taken for granted. 

(back to top)

Links

Learning Resources.

Acknowledgments

We would like to acknowledge and credit all contributors.

  1. Matthew D. Jusuf: Github

    • As our Project Manager, Matt contributed by organising, allocating and confirming diversified tasks distributed to the Team. Along with the collaboration with Samuel, they both demonstrated their joint abilities to work through the core sets up in User login authentication, the generation of PetAds, and Category & User Ids as our Team progresses in the development operation. Matt also ensured that all Team members were working against a realistic Timeline to cater for any unforeseen events.
  2. Samuel Yong: Github

    • As our Co-Host Project Manager, Samuel provided his direct assistance as our backup whenever possible to better support Matt and everyone else in the Team. For instance, when Cindy struggled with the format of her Homepage HTML in alignment with Tailwind CSS, he continuously assisted her in progress until the end. Through this project, Sam worked on both the front & back end with continuous cross-checks with Matt to ensure that everything on our web application was working according to plan.
  3. Vidhi Sharma: Github

    • Contributed most in the front & back end of our Group project by operation by working through the authentication set-up process in alignment with Jonathan, Sam & Matt. She also ensured that the primary functions, such as the login page, User sign-up page of our webpages functions confirmed.
  4. Jonathan Wijaya: Github

    • Collectively contributed to the front & back end of our Group project by operation, commenced by creating the relevant handlebars in UI visuals and Single page ads first with Cindy, whilst collaborating with Vidhi to activate the backend functionalities of the webpage. He also ensured that the creation of the API route works in the margin.
  5. Yuhan Jiang (Cindy): Github

    • Cindy contributed by creating the skeletal features of the Project Homepage & About us page in working with Jonathan, making our MVP presentation, and drafting our Team speech.

(back to top)

Thanks for reading this! 😄

purrfection's People

Contributors

mecuboi avatar kangazero avatar jonnwijaya avatar cindzaj avatar vidhi0307 avatar

Watchers

 avatar

Forkers

kangazero

purrfection's Issues

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.