GithubHelp home page GithubHelp logo

clubz's People

Contributors

grimreaperlinux avatar utkarsh-060 avatar v1pu1 avatar yoge-sh avatar

Stargazers

 avatar

Watchers

 avatar

clubz's Issues

The Club Overview Screen.

Tapping on the club widget in the home page will navigate you to the specific club screen. This screen will have the club logo, their description and a couple of buttons directing to the club's announcements and the club's chat room. There will also be a button for joining the club.

Create a Splash Screen

This is not very complicated. You are required to create a splash screen for the clubz application.
The logic part would be to keep replace the loader upon login with the splash screen.
Tl;dr, while the homepage data for that particular screen is fetched from server the splash screen is shown.

Note: The UI for rest of the app sucks for now. Let this PR be a new beginning. Make the splash screen beautiful.

Forms for creating a new post, announcement and a club

The form to create either of the things will be same in theme with different fields according the features mentioned in the specific widget issues. All of these forms will pop up from a "+" floating button near the bottom right corners of the respective screens.

Create a Post Widget

A single post widget will have the post, a caption, the username of the creator and ability for users to like and comment. A column of these posts will be displayed in the posts screen.

Creating CRUD routes for posts

Create the posts model in /server/models directory. Create routes for the various operations on posts. Use the 'user' middle-ware in /server/src/middleware/auth.js for all the routes and preferably test them using postman. Use the Mongodb generated post ID for updating, deleting and finding.

Completion of the homepage, posts and announcements page.

All these pages will have their widgets in column with the bottom navigation bar and the page-title at the top left corner with the settings icon in the top right corner. The homepage will have a carousel of latest announcements at the top followed by a search bar for clubs above it.

Bottom Navigation Bar

Make the bottom navigation bar. It will consist of three items. Navigating to homepage, posts page and the announcements page.

Create the Club widget

Basically the column of these widgets will be displayed in the home page. It will consist of the club logo, their name and a small description. Tapping on these widgets will direct a user to the respective club screen.

Remove Firebase dependency for signup and login

  1. First of all, you might encounter some errors because of upgrade of flutter from 2 to 3. These are small bugs. Solve them quickly.
  2. The signup and login logic were implemented in a rush and lazy way by using firebase with no error handling, session handling or reset password feature. You are to try and understand the code in the login, signup and homepage and any other relevant files.
  3. Implement the entire signup and login feature using Node APIs only.
  4. The codebase is a bit messed up. I admit that. I designed it in a hurry. You are free to ask my help in case of your brain nearing explosion.

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.