artsy

An art exhibition website where you can view art from various artists with a live chat/support for any queries and meet people with similar interests as yours.

Comment

Inspiration

As a person who is more into art, I always wondered why the majority of websites don't have a good UI despite the fact that there are people capable of doing more than that. so I tried to make a website that has a good user experience, look and feel to it.

What it does

It has a landing page where users can see artwork and when clicking the users are redirected to a new page with detailed info about the artwork beneath that there is a feature for live chat/support where people can start a chat with random people who are also interested in artwork like them and also ask queries if they have any. every time a user enters the chat a new random user is created with a single button click and when the user leaves the website the user is destroyed making the concurrent user free for making space for new users.

How we built it

I first started by creating react template by CRA then started making the landing page for the website and making it as clean as I can then I created another page for the art info and added a live chat/support for that page. i went ahead and make the site fully responsive and added animations to it.

Challenges we ran into

After creating the landing page I wanted to implement the chat feature to it but I didn't know how to do it so I watched the resources shared in the discord channel and implement the learning from the videos after implementing the chat feature I feel like a there is something missing in the website so it thought of adding animations to it using frame motion but I never used it before so it learned it during the course the hackathon.

Accomplishments that we're proud of

I am very proud of the overall look and feel of the website.

What we learned

I learned

  • using framer motion and stream chat API
  • How to write better CSS
  • BEM naming convention for naming CSS classes and many small-small things which I didn't know

What's next for artsy

For now, it is entirely on frontend but we can make it a full-stack application where users can;

  • login/ signup
  • artist/user can upload their artwork
  • people interested in them can buy the artwork
  • bidding feature with live chat
  • hire artist

Built With

Share this project:

Updates