Giter VIP home page Giter VIP logo

gdscitb_pictfinder-main's Introduction

Pict Finder Website


Topic 2: Front-end Development Task
GDSC ITB


Task

  1. Create a website using React. The type and theme of the website is given back to member’s creativity. The chosen theme for the website should be adjusted to the next task requirements.
  2. The project should contain at least one page that displays a ‘list of images’. Several idea recommendations for the website could be: a Snapshot page, a Movie List page, or a Food Recommendation page. There is no maximum limit for the number of pages that the project could contain while the minimum number of pages is one page.
  3. The data provided for the project can be taken from a certain API (definition of API) or manually collected by members. Please be sure to keep in mind the proper way to fetch data from a certain API endpoint.
  4. Implement ‘marked as Favorite’ features on the website. Objects that are ‘marked as Favorite’ should be able to be displayed differently from the others. Members could freely decide regarding the appearance of the ‘marked as Favorite’ objects, as long as it is emphasized and easily differentiated.

Website Preview

Screenshot 1

Screenshot 2

Screenshot 3


Student Notes

For task point 4 (Implement ‘marked as Favorite’ features on the website. Objects that are ‘marked as Favorite’ should be able to be displayed differently from the others. Members could freely decide regarding the appearance of the ‘marked as Favorite’ objects, as long as it is emphasized and easily differentiated..) I changed the task from previously creating a favorites feature to creating routes set for four default pages and one search page. (susah nyari tutornya bang 😭)


Author

Sulhan Fuadi

gdscitb_pictfinder-main's People

Contributors

sulhanfuadi 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.