Comments (4)
Can you raise a PR?
from gdgmadevents.
This looks pretty dope @vikasp52, Just to add that this is part of the Flutter app.
Would request someone from the design team like @faizmalkani or @swapnilborkar to share feedback on the design and suggest improvement on the cards.
Raising a PR at this stage is something I would not recommend.
from gdgmadevents.
Good work guys. Proud of the commitment you are showing. Having said that, I have a ton of feedback. This is going to be harsh but I would like you to take it constructively. Since this project is about learning, I wouldn't want to go soft on the feedback and this will help you for projects you pick up live when you're a part of the larger organisation at a senior role.
Here's my initial feedback:
-
Calling homepage Home is irrelevant. We aren't a large company with 20-40 products to have a Home.
-
Navigation drawer should be used for more than 5 elements. I do not see the need for the same + it's a pattern that's seeing withdrawal so no reason to stick with it.
-
Too complex for an MVP. There's no need to have so many elements like Search, Filter and NAV Drawer for now. Start minimal and don't overload with features. Only add features if absolutely necessary and needed backed by data.
-
Looks 2014. Try different shapes from new Material Design guidelines. Refrain from using primary color so boldly.
-
Use better typefaces. I recommend trying Montserrat from Google Fonts. Try Fontpair.co for combinations.
-
What happens when there are no events? What happens when there's just one event? What happens when there are several events? Create empty states. Use undraw.co if needed
Overall, think this is way too complex on both a visual and functional level. Recommend starting off on a fresh page and working on just the bare minimum and absolutely necessary stuff.
Make a list of stuff absolutely needed and run it by me. I'll make a wireframe you can go with.
Don't take this feedback too seriously. Implement what you can. These are my thoughts towards the design. If you feel otherwise, you could ignore it :)
from gdgmadevents.
I've worked on an initial design from what I believe should be the correct way to start. This is minimal, focuses on correct practices, encourages using open source libraries, giving credits to OSS and of course, mentions our contributors: https://zpl.io/am97eqQ
Ask for access from @nikhil-thakkar since he's leading this.
Instructions:
-
Clicking on the card opens Meetup event page (for now)
-
Clicking on Navigate, opens Google maps with a navigate URL with the source left as blank and destination set to meetup venue. On the user clicking on it, GMaps should open and automatically detect user's location and show them the path to venue.
-
Upcoming events are followed by past events to eliminate the unnecessary white space. Use a filter over the past events. Up to you to do B&W or fade out or simply reduce opacity.
-
Card radius is 6DP. This is going to be followed throughout the app for any Cards/ CTAs hence forth. All clickable links and icons will follow the blue (#2A89E5) or Material Black (#212121). Your call. Exception being Bottom Navigation which will use the accent colour for active state. Open to suggestions on which color the accent should be
Implement this one screen and loop me in on feedback and follow it up with more screens, if needed or let me know if you want them designed. If I have the time, will take it up.
from gdgmadevents.
Related Issues (16)
- Flutter App Ideas / Preview HOT 1
- Automation issues/enchancements
- Admin Panel enchancements
- Google form Integration HOT 4
- Google Photos Integration HOT 2
- Add React suspense for code splitting and more efficient loading
- Meetup email template customization HOT 4
- JSON api response varies HOT 3
- API response `desc` field modification HOT 1
- Should we delete this repository? HOT 1
- License File HOT 6
- Creating a new meetup on meetup.com when a new event is pushed to the db and activated. HOT 4
- Add more info about Lets build HOT 2
- Add response JSON structure to ReadMe HOT 1
- Additional event related info required in JSON HOT 2
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.
from gdgmadevents.