Giter Club home page Giter Club logo

saikou's Introduction

Saikou

An alternative when myanimelist can't pleased your eyes

Saikou is a complete web app (client) and API (server) built using MERN stacks which based on JavaScript.

saikou-client saikou-server
Web API

Ideas

This project is intended to be the creation of social media for anime & manga fans and communities. It will be the place for fans to share their interests each other. It can be in the form of private chat, public discussion, reviews, recommendations, etc.

Research

Reverse engineer essential elements for a social community site.

Join these pop culture communities to identify the pros and cons from each of them.

API examples:

References:

Misc:

Features

Features List

  • User can register, login, and logout.
  • User can have roles such as Regular or Admin.
  • Admin credentials will be created once.
  • Admin can add new anime/manga.
  • Admin can edit anime/manga details.
  • Admin can delete one or more anime/manga details.
  • User can see available anime/manga collection.
  • User can choose available avatar.
  • User can read the details about one anime/manga.
  • User can favorite and unfavorite one anime/manga.
  • User can see other user's favorites of anime/manga.
  • User can review a certain anime/manga.
  • User can search an anime or manga.

Future Features List

  • Item can be linked between manga and anime in ItemDetail with a switch button or something similar.
  • User can interact with other user through user profile and anime review.
  • User have to confirm their email after registration.
  • User can reset their password with reset link via email.
  • User can show their amount of likes based on their published reviews and lists.
  • User can see the list of characters or voice actors in the anime/manga.
  • User can follow other users.
  • User can create anime recommendation list.
  • Hero background Image can be automatically randomized at certain timing.

Not Features List

  • User cannot watch anime episodes.
  • User cannot read manga chapters.
  • Anime cannot separated into multiple seasons. So only one franchise being shown or reviewed.

UI/UX Design

Mockup/Prototype

Figma: click here

Pages

Page Component
/ Home
/about About
/anime AnimeCollection
/anime/:id/:slug Anime
/anime/:id/:slug/reviews AnimeReviews
/manga MangaCollection
/manga/:id/:slug Manga
/manga/:id/:slug/reviews MangaReviews
/search Search
/register Register
/login Login
/logout Logout
/users/:id/:username UserProfile
/users/:id/:username/reviews UserReviews
/users/:id/:username/reviews/:slug UserReview
/users/:id/:username/lists UserLists
/users/:id/:username/lists/create UserListCreate
/users/:id/:username/lists/:slug UserList

saikou's People

Contributors

amadzuki avatar

Stargazers

avatar avatar

Watchers

avatar avatar avatar

Forkers

bearmentor-community

saikou's Issues

Design footer component

Right now Saikou doesn't have any footer yet. A "saikou no website" should have a footer. haha. The footer should be available on all pages. So you make it as a component, then the instances are on each pages.

The footer contains:

  • Logo, inverted version (if the background is dark).
  • Sitemap. Similar to navigation, but can contain other links such as social media icons.
  • Copyright
  • Repo to GitHub link

Can be more or modified based on conditions.

Design UserEditProfile page

The page contains editable input:

  • username
  • bio
  • avatar (available list and randomize button)

And also save profile button

Create testimonial for Jonathan Nicolas

Create testimonial for Jonathan Nicolas @jonathannicolasdev

The actual testimonial from Haidar to Jonathan:

"Jonathan is truly a fun guy who has a lot of artistic inspiration. He's always moving forward to dive into the software development industry, aiming to be a genius web developer despite his previous career background in finance. We've been a close friend and we love exchanging ideas and inspiration. I admire his passion for both contemporary arts and the full-stack tools and technologies such as UI/UX design, JavaScript, Node.js, React, Redux, REST API, databases, and cloud computing services."

Design UserProfile

This page contains:

  • avatar
  • username
  • date joined
  • list favorites anime & manga
  • reviews
  • list

Update LinkedIn profile

Update LinkedIn profile.

It should include:

  • Updated photo
  • Complete description
  • Experience
  • Education
  • Testimonial

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.