clubz's People
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.
Make route for a user joining a club and edit the user and club model for a list of clubs and list of users.
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.
Setting up user authentication for creating new posts, announcements for your own clubs et cetera
The title says it all. This will be the continuation from login/signup.
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.
Create route for the user receiving all the announcements of the clubs he's in.
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.
Creation of the announcement Widget
This widget will have the core announcement, club name and few links.
Remove Firebase dependency for signup and login
- First of all, you might encounter some errors because of upgrade of flutter from 2 to 3. These are small bugs. Solve them quickly.
- 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.
- Implement the entire signup and login feature using Node APIs only.
- 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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.