Flight Log is an innovative React Native app, meticulously crafted by a skilled and collaborative team of 4 front-end developers and 3 back-end developers. Together, we combined our expertise and creativity to cater to the needs of pilots seeking efficient flight management right from their mobile devices. With its mobile-friendly interface, this software development project empowers users to effortlessly log their flights, maintain essential flight details, and enjoy the convenience of on-the-go flight tracking. Pilots can easily access comprehensive flight cards and obtain in-depth information with just a click, making Flight Log the ultimate companion for seamless and streamlined flight management.

https://flight-log-six.vercel.app/

• React Native: We leveraged React Native, a popular JavaScript framework, to create a seamless and native-like mobile app experience across both Android and iOS platforms.

• Cypress: For comprehensive and reliable end-to-end testing, we utilized Cypress, a modern testing framework that ensures the quality and stability of our application.

• APIs: Integrating external APIs allowed us to access and utilize valuable data and functionalities, enriching our app with real-time information and services.

• Git: We employed Git as our version control system, facilitating collaboration and enabling efficient tracking of code changes and improvements.

• CircleCI: CircleCI served as our robust CI/CD (Continuous Integration/Continuous Deployment) platform, automating the process of building, testing, and deploying our code. It played a crucial role in maintaining a reliable and efficient development workflow.

• Figma: Figma played a crucial role in our design process, serving as a collaborative platform for creating and visualizing the user interface and user experience (UI/UX) of our app.

Houda Jawad | GitHub | LinkedIn
Jonathan Chaney | GitHub | LinkedIn
Dustin Gouner | GitHub | LinkedIn
Mattheus Saqueli | GitHub | LinkedIn

• Our primary focus was on learning and successfully implementing React Native. The goal was to deliver the best possible user experience with a seamless and engaging mobile application. Full Stack Team Experience:

• Being part of a full-stack team, we contributed to all aspects of the project. This experience provided us with a holistic understanding of the end-to-end development process. Implement Agile Workflows:

• We embraced Agile methodologies to ensure an efficient and collaborative development process. Daily stand-ups and retrospectives fostered effective communication and teamwork within our team.

• Successfully acquired proficiency in React Native and gained experience using the Xcode simulator to visualize the Document Object Model (DOM).
• Accomplished the successful deployment of the web version of our React Native app, expanding accessibility to a wider audience.
• Demonstrated strong problem-solving abilities and fostered effective collaboration within a full-stack team, resulting in a smooth project progress.

• Overcoming challenges related to deploying the application using Vercel, ensuring a robust and reliable deployment process.
• Faced difficulties in conducting comprehensive end-to-end testing with Cypress, yet persevered to establish a comprehensive testing framework.
• Implemented Continuous Integration (CI) with CircleCI and Cypress, overcoming obstacles to ensure a seamless and efficient development workflow.

• Login: We recognize the importance of personalized experiences, and to achieve that, we would like to implement a secure and efficient login page.

• Real-Time Weather Updates: Never miss a weather update again! Our latest version will integrate real-time weather updates, providing you with crucial information about the day's conditions.

If you are using a Mac, go to the App Store and download Xcode, which is required for iOS development. For Windows users, this step is not necessary if you intend to use Android emulation only.

Ensure you have Node.js installed on your computer. You can download the latest version from the official Node.js website.

Open your terminal or command prompt and run the following command to install Expo CLI globally:

npm install -g expo-cli

Clone the project repository to your local machine using Git or download the ZIP file and extract it. Navigate to the Project Directory:

In the terminal or command prompt, change your working directory to the project folder.

Run the following command to install project dependencies:

npm install

To launch the development server, run the following command:

npx expo start

Once the development server starts, you will see a QR code in the terminal. Use the Expo Go app on your Android or iOS device to scan the QR code and view the app on your phone.

Alternatively, you can select one of the options presented in the terminal (such as "w" for web, "i" for iOS simulator, or "a" for Android emulator) to view the app in your preferred environment.