[Feature] Design a event management ui using figma

DevSoc-Asansol2023 / DevSoc-Main

Official website of our club "Developer Society"

https://devsocofficial.netlify.app/

MIT License

16 stars 11 forks source link

[Feature] Design a event management ui using figma #10

Closed ArnabChatterjee20k closed 1 year ago

ArnabChatterjee20k commented 1 year ago

Our current ui - Figma link

Add a event management ui having the following details.

For inspiration you can use this - Inspiration UI link But the color system should match our color scheme

[ ] A calendar showing dates and list of cards showing the event brief.
[ ] Individual event page when clicked on the event cards. It will contain event details(blog like design). And a register button
[ ] Calendar should have some markings.

Guidelines

Create a new branch
Please make a folder design
Download the your ui and make a pr by uploading the file

xerctia commented 1 year ago

I want to give this a try. Can you explain what details to show on the event details page, and what file we need to upload as the design?

ArnabChatterjee20k commented 1 year ago

@widewipe I am assigning the issue to you. Please update us within every 3days @widewipe please follow the ui links given and the guidelines given in the issue. You can ask your doubts in this section only. About file -

Make a figma file
Check the inspiration links given and design that accordingly and kept the color schemes aligned with our design system
After you completed your design , download the figma file as .fig file
Create a folder "design"
Move that .fig file in that design folder
Make the pr along with the screenshot of the ui

xerctia commented 1 year ago

Can I use both the purple and orange colors for the UI?

xerctia commented 1 year ago

I have completed the UI for the events section, I will now work on the individual event page and make a PR as soon as I can.

ArnabChatterjee20k commented 1 year ago

Please share the ui you have done here for an early review

xerctia commented 1 year ago

This is the Events section I worked on.

ArnabChatterjee20k commented 1 year ago

Looking nice Make the mobile view as well

xerctia commented 1 year ago

I have completed the designs. Here are the screenshots, do say so in case of any improvements.

This is the mobile version of the events section UI.

Screenshot from 2023-10-08 17-07-25

UI of individual event page with event details and registration/joining button.

Screenshot from 2023-10-08 17-06-40

Individual event page UI in mobile version.

ArnabChatterjee20k commented 1 year ago

Thanks @widewipe for preparing such nice uis. You can download them locally as .fig file and upload the way I have mentioned in the issue

ArnabChatterjee20k commented 1 year ago

@widewipe any updates?

xerctia commented 1 year ago

@ArnabChatterjee20k I have already made the pull request for this issue.

ArnabChatterjee20k commented 1 year ago

yes yes Actually I thought you would comment here Thanks @widewipe for your contribution I will review it