Showing posts with label CSS. Show all posts
Showing posts with label CSS. Show all posts

Wednesday, January 13, 2021

Clone Bitly

Clone Bitly (URL Shortener)


In this project, we aimed at cloning the popular URL shortening service, "bitly.com". I have tried my best to clone the website as well as I could. This website is fully responsive with the help of Bootstrap 4. Python powers the backend of the website. 

This website was a team project, which we created for the Web development hackathon organized by "JetBrains". There were two members in the team including me and I was the team leader. I developed the whole backend of the website, and for that, I used the Flask framework of Python. 

I implemented the logic to shorten the given URL and then expand them back when requested. I also created a separate dashboard for every user which the users can use to view the performance of the links shortened by them. For a particular link, I saved the location and click count whenever that link is opened anywhere in the world.

We won the First prize in this hackathon for the theme "Learn By Clone". 

Website: https://clonebitly.herokuapp.com/

Github Repository: https://github.com/Pirate2606/clonebitly


Tech Stack:

  • Python3
  • Flask
  • HTML, CSS, Javascript/jquery
  • PostgreSQL
  • SQLite3
  • Chart.js
  • Heroku
  • Ajax


Screenshots of the website:














Found a bug?

Post your issues here: https://github.com/Pirate2606/clonebitly/issues




Sunday, June 21, 2020

E-books

E-books: Created a website for downloading e-books

 This website helps the students who are doing B-Tech in the following courses:
  • Computer science engineering (CSE)
  • Information Technology (IT)
  •  Civil engineering (CE)
  • Electronics engineering (EC)
  • Electronics and communication engineering (ECE)
I provided the download links for various text books which are required by the students who are doing any of the course mentioned above. Along with the download links the website also contain the buy link so that people who want to buy the books can directly go to the product page.

Here are some images of the website:




Development of website:


I used HTML, CSS, Bootstrap4 for the front end development of the website and for the back end development i used Python/Flask. The creation of the website took about 1-2 weeks of time and i really enjoyed creating this website.

    Requirements:




        Project-structure:




Website view:


  Home:





  Books sorted semester wise:





  404 page:





Important links:


Source code of the website : https://github.com/Pirate2606/ebooks
Website link                         : http://pirate2606.pythonanywhere.com/




Tuesday, June 16, 2020

Electric Shop


E-commerce website


This is the first major website i created after learning python/flask. This website is a e-commerce website for selling electric items. I have given more importance to back end of the website rather than the front end.

Features of website:


  • Registration page
    • Sending e-mail to user after registration
  • Login manager
    • Remember me feature
  • Showing certain pages only if user in logged in
  • Individual profile pages for every user
    • Profile picture
  • Products tab for all the products available
  • My cart
  • Individual product information


Screenshots of website:







Development of website:


I used HTML, CSS, Bootstrap4 for the front end development of the website and for the back end development i used Python/Flask.

  Requirements:



  Structure:




Website View:



Important links: