# Techniche App Documentation

## What is the Techniche App?

Team Techniche toils hard every year to make the fest better than ever. And what better to suit a technical fest’s needs than its very own app? With that idea in mind, the Techniche app aims to showcase the details of all the upcoming, ongoing, and concluded events of the fest, it's schedule and allows you to bookmark your favourite events. It also holds information of all the requirements to navigate through the fest with ease like maps and emergency contact  details, and provides notifications that keeps the user updated on all the upcoming events . In short, it is a place where every bit of particulars regarding the fest resides.

**Tech-Stack:**

* **React-Native:** It has been used as the framework to build the app for iOS or Android mobile devices. The code has been written in JavaScript and rendered via native code. It provides components for easy coding for the UI like View, Text etc. React Native Navigations was used to implement the navigation flow of the app. Redux was used as a state management tool. Several more JavaScript libraries were used to enhance responsiveness and make the user experience pleasant.
* **Firebase**: Firebase Cloud Messaging has been used to implement push notifications for the app.
* **Django Rest Framework:** It has been used to build a backend REST API for the app to fetch data from the Techniche server.

#### Walk-through of the App

**On-boarding Screens:** As you install the app, you are greeted by the following on-boarding screens.

![](https://1661853149-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeWQvd6dIujFn74VY0T%2F-Mei2_tmXkhYq7TYuv8f%2F-MeifYtKuJLbDJnDx8GF%2FScreenshot%20from%202021-07-16%2015-06-24.png?alt=media\&token=57436ff8-fb3b-425e-a793-1222f7a340f8)

**Login Page:**&#x20;

The user can login to the app by using their Techniche account credentials. If you don't have an account, you can simply sign up on the website and log-in.\


![](https://1661853149-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeWQvd6dIujFn74VY0T%2F-Mear9G5R4w9K0jk0r0Q%2F-MeasCGGgW-9nCUqHZLm%2Flogin.png?alt=media\&token=636e28ff-ea74-4157-b5fa-0b873822f637)

**Home Page:** Once you are logged in, you are directed to the home page which keeps a record of the upcoming, ongoing, and concluded events of Techniche. You can also search for certain events using the  Search bar and close matches of your search appear as search results.

![You can click on the heart icon on each event so that it gets saved in your 'My Events' page.](https://1661853149-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeWQvd6dIujFn74VY0T%2F-MeauSxWm-60KNzEZUY8%2F-MeaueNMXowY4_LxhQe8%2FEvent%20List.png?alt=media\&token=713fa670-273f-4a3c-87be-455b1d747372)

**Individual Event:** Upon clicking on any of the events on the above screen, details regarding the event can be viewed. If you haven't saved the event to your bookmarks yet, you can still do it by clicking on the heart icon on this screen. Upon clicking the slider on the top right, you can schedule the event on your calendar, check for the event location on maps and share the details of the event with your friends and colleagues. Upcoming events will have a register button at the bottom upon clicking which you will be redirected to a page where you can register for that particular event. whereas concluded events will have a feedback button upon clicking which a modal will be opened through which you can give a rating and write a review for that particular event.&#x20;

![](https://1661853149-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeWQvd6dIujFn74VY0T%2F-MeauSxWm-60KNzEZUY8%2F-MeaueNLr6zkhEK9P417%2FEvent.png?alt=media\&token=3962be8b-98de-4934-b0a2-6320c5cfc8a6)

![](https://1661853149-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeWQvd6dIujFn74VY0T%2F-Mei2_tmXkhYq7TYuv8f%2F-Meid8lSQvtPZXQhYioe%2FEvent%20\(1\).png?alt=media\&token=2d41fe6e-444e-44cb-94ea-add025e067ed)

![You can also rate and provide feedback of the concluded events. ](https://1661853149-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeWQvd6dIujFn74VY0T%2F-Mei2_tmXkhYq7TYuv8f%2F-Meid3na9vr5PR1e8g_2%2FEvent%20Review%20Pop-up.png?alt=media\&token=a018b3b6-81e1-4291-bd51-91c56acb9e13)

**Schedule Tab:** Upon clicking the Schedule icon on the footer, the Schedule screen appears which holds the information of the schedule of the events being conducted.

![](https://1661853149-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeWQvd6dIujFn74VY0T%2F-MeauSxWm-60KNzEZUY8%2F-MeaueNK9jSZkuAxSp7l%2FSchedule.png?alt=media\&token=83c37bb5-c162-4e6a-aed3-efa6e5c4ac24)

You can check details of your bookmarked events by clicking on the drop-down icon and selecting "My Schedule".

![](https://1661853149-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeWQvd6dIujFn74VY0T%2F-MeauomdhUy4Jy0XNOvE%2F-MeaxbzU-6d6HNiKOzOI%2FCHangning%20schedules.png?alt=media\&token=96c35f1c-dc6f-40a7-8326-122c5a2b3943)

![](https://1661853149-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeWQvd6dIujFn74VY0T%2F-MeauomdhUy4Jy0XNOvE%2F-MeaxbzSrIVxa-_i11Ul%2FMy%20schedule%20list%20view.png?alt=media\&token=24434e40-e785-45be-afd9-6a72328edb25)

**Map Tab:** Upon clicking the Map icon on the footer, the Map screen opens up which guides you through various destinations in the campus.

![](https://1661853149-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeWQvd6dIujFn74VY0T%2F-MeauomdhUy4Jy0XNOvE%2F-MeayWM0KzBu2YLmYpg7%2FMaps.png?alt=media\&token=e1e8a812-7825-460e-8122-3b6c54b04afb)

**Drawer Screen:** Upon clicking the hamburger icon on the header or by simply swiping to the left, the drawer opens up. You can switch from dark mode to light mode and vice-versa by clicking on the brightness icon.

![](https://1661853149-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeWQvd6dIujFn74VY0T%2F-MeauSxWm-60KNzEZUY8%2F-MeaueNJypAGmHBr_h7l%2Fsideboard.png?alt=media\&token=b2ddfcb6-75a8-476f-9495-f3f1bfa245e5)

**My Events:** All your bookmarked events appear on this screen.

![](https://1661853149-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeWQvd6dIujFn74VY0T%2F-MeauSxWm-60KNzEZUY8%2F-MeaueNIkCmrYXVvy5Bg%2FMy%20Events.png?alt=media\&token=9ec627c4-a847-4e26-bb26-0e103c20d61e)

**Food Stalls:** Details of all the food stalls set up during the fest along with their menu and the nature of food they serve are available on this screen.

![](https://1661853149-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeWQvd6dIujFn74VY0T%2F-MeauSxWm-60KNzEZUY8%2F-MeaueNHtQe5sELdBdYK%2FFood.png?alt=media\&token=5428fbe0-9d9b-4931-b387-e922e95969bc)

**Sponsors and Partners:**  Details of all the sponsors of the fest are available on this screen. Clicking on a sponsor will redirect you to its official site.

![](https://1661853149-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeWQvd6dIujFn74VY0T%2F-MeauSxWm-60KNzEZUY8%2F-MeaueNG-A6OoxWH4Y6g%2FSPONSORS.png?alt=media\&token=dfc2a710-d11a-46b0-ad04-9e2567b54e21)

**Directory:** Contains the contact details of the necessary emergency numbers, e-rikshaw, and team representatives. Upon clicking on the number, you can place a call to the concerned person.

![](https://1661853149-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeWQvd6dIujFn74VY0T%2F-MeauSxWm-60KNzEZUY8%2F-MeaueNFJnw8K8sAsHm5%2FDirectory.png?alt=media\&token=d8b73c1d-ad5b-4113-9986-e376f8020625)

**The Team Tab:** Details of the team members who have been working in building this app are available on this screen.

![](https://1661853149-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeWQvd6dIujFn74VY0T%2F-MeauSxWm-60KNzEZUY8%2F-MeaueNEN7A7UFqrjA23%2FTHE%20TEAM.png?alt=media\&token=e4f36761-23d9-422c-904c-49b48b04eb0c)

**FAQs Tab:** The answers to most common of the queries regarding the fest are found on this tab. By clicking on the question, you may expand it to reveal the answer.

![](https://1661853149-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeWQvd6dIujFn74VY0T%2F-MeauSxWm-60KNzEZUY8%2F-MeaueNDyh27PZ2ct3GU%2FFAQs.png?alt=media\&token=0b0268d4-7ab7-4b24-8f35-4e50933d5df0)

**Notifications tab:** All the concerned notifications related to the fest appear on this screen. You can go to this page by clicking on the bell icon on the home screen of the app. You can open a notification by clicking on it to see the details. Opening a notification marks it as seen. If you have any unseen notification, the notification icon in the home screen will show a red tag. You can drag a notification left to delete it.

![](https://1661853149-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeWQvd6dIujFn74VY0T%2F-MeauSxWm-60KNzEZUY8%2F-MeaueNBp9xIF9RaR7Em%2FNotifs.png?alt=media\&token=156ee735-34a2-47ed-b81f-4165ce9b46c3)
