About The Project

Problem Statement :

Do you ever feel lost in this cluster of assignments and links of Lectures on different platform ?

And do you ever miss important information and due dates of assignments ?

Thus to solve this issue, we came up with a simple way to keep all information one touch away.

We are Intoducing LookUp,a simple and interactive website which will allow to share all assignments and important instructions from teachers to the students on any device.

Features :

1.Latest links for attending Lectures of respective subjects.

2.Daily and weekly assignment details with their due dates.

3.Be updated with latest news in your college.

4.Email Notification for assignment, instructions and news.

5.Last day email remainder,for those who have not submitted yet.

6.Test, quiz and many more to come...

Technologies used :

Below are the technologies we will be using for this project.

React is the most popular front-end JavaScript library in the field of web development. It is used by large, established companies and newly-minted startups alike (Netflix, Airbnb, Instagram, and the New York Times, to name a few). React brings many advantages to the table, making it a better choice than other frameworks like Angular.js.

Frontend
React - javascript

Django is a high-level Python web framework that enables rapid development of secure and maintainable websites. Built by experienced developers, Django takes care of much of the hassle of web development, so you can focus on writing your app without needing to reinvent the wheel. It is free and open source, has a thriving and active community, great documentation, and many options for free and paid-for support.

Backend
Django - python

SQLite is a relational database management system contained in a C library. In contrast to many other database management systems, SQLite is not a client–server database engine. Rather, it is embedded into the end program.

Database
Sqlite Database

Project Presentation

Project Flowchart

Index

1.Our First Step 2.Our Second Step 3.Our First Write Up 4.Designed The Start 5.Designed The Login 5.First Look at the project 6.Axios vs Fetch 7.Teacher Page designing 8.Holiday Notice 9.The End or a Start of new journey

Part 1 : Founded the problem

We found this problem among students that they we confused because of the bunch of links in their social media platform and the links we distributed among many groups and some links were sents only once and this was used for the semester.

Other problem was that many students were having hard time keeping the due dates of daily and weekly assignments.


We talked with teachers and students and took their oppinions,it took us some time and then we started gathering different solutions.

Out of the solutions we picked the best in terms of ease of using and time taken to implement it.

We gathered informations required to develop it.

Part 2 : Designing the Web Application

5 June 2021 - Sunday, Today we discussed the basic outline of the website ,it involed three pages from which one is the one time start page and other two are login pages.


Below is the zoom platform Screenshot of our discussion :

image of the conversation and idea sharing

Our first discussion on flow of the websites 🐱‍💻 :

Folow of the website

Our first prototype 🤦‍♀️😂:

Prototype of the website

Our research for the project :

Can Only be seen on Laptops, if using a phone use the link provided.

Pdf Document

Designed the start page :

desktop mobile

Designed the Login page :

desktop desktop mobile mobile

Look Up it :

Fetch v/s Axios

During the teacher login and student login process,we had to make a decision of fetching data from our django rest api and for fetching the data we had to use one of the tools to conect the database with our application seemlessly.

We were clear that we had to use a promise based request for this work as it is fast and also supports json format which is mostly used in real world projects.

In react we directly use fetch function which is a preinstalled library that come with js and supports most modern browsers,we used fetch to connect to the client and made the login page.

But something seem wrong with this approach and our code base was flooding with fetch requests. After some research we found that axios is a good alternative for fetching data and it works similar to the fetch but has a clear structure to work with,so we decided to go with Axios.

Below are some key points about axios and fetch ,so that one can compare both of them :

Sr no. Axios Fetch
1 Axios has url in request object. Fetch has no url in request object.
2 Axios is a stand-alone third party package that can be easily installed. Fetch is built into most modern browsers; no installation is required as such.
3 Axios enjoys built-in XSRF protection. Fetch does not.
4 Axios uses the data property. Fetch uses the body property.
5 Axios’ data contains the object. Fetch’s body has to be stringified.
6 Axios request is ok when status is 200 and statusText is ‘OK’. Fetch request is ok when response object contains the ok property.
7 Axios performs automatic transforms of JSON data. Fetch is a two-step process when handling JSON data- first, to make the actual request; second, to call the .json() method on the response.
8 Axios allows cancelling request and request timeout. Fetch does not.
9 Axios has the ability to intercept HTTP requests. Fetch, by default, doesn’t provide a way to intercept requests.
10 Axios has built-in support for download progress. Fetch does not support upload progress.
11 Axios has wide browser support. Fetch only supports Chrome 42+, Firefox 39+, Edge 14+, and Safari 10.1+ (This is known as Backward Compatibilty).
After a long time the main work of this project will start from here..
13 June 2021

Teacher Page Designing :

desktop desktop
Notice : 19 June 2021

A small break !

Now will be wondering why a break in this wonderful journey, and the answer is the in-sem Exam and yes one can ask why we cannot do the work in free time of in small chunk of time ?

And the simple and straightforward answer is managing the meeting time is hard as its been conducted online and as every member in our group has his own sweet time and syncing times between the members is already hard for anyone and even more harder because of the current situation when we handle the meeting virtually.

With that said,In 21 June 2021 to 27 June 2021 : less updates or no updates on the project will be made.

And regular meeting schedule will start from 27/28 June 2021

The end or the beginning of a new journey

Journey ends with this last paragraph as we have given a deadline to submit the project,so we have to rush it up and build it with few features.

I was shocked to hear about it but it looks like, life test us in very unknown circumstances.

So we packed the project and gave our best and made it in 1 week, its not the best but its best relative to the time provided.

But I will try to make a clone of it and add all the features I needed in it !

At last, one can do anything !