naijanext

byLostboy

Build a modern Nigerian student and opportunity platform where students can discover scholarships, jobs, internships, SIWES opportunities, AI tools, student resources and educational guides. Include a searchable opportunity directory, categories, individual article pages, newsletter signup, responsive mobile design, SEO-friendly pages, an admin/content management area, and monetization spaces for advertisements and sponsored listings.

LandingLogin
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 7

System Requirements Document for naijanext

1. Introduction

Naijanext is a modern platform designed for Nigerian students to discover opportunities such as scholarships, jobs, internships, SIWES opportunities, AI tools, student resources, and educational guides. The platform aims to empower students by providing a comprehensive, user-friendly, and vibrant interface that supports their educational and career pursuits.

2. System Overview

Naijanext is a web-based platform that serves as a hub for Nigerian students to access various opportunities and resources. It features a searchable opportunity directory, categorized content, individual article pages, newsletter signup, responsive mobile design, SEO-friendly pages, and an admin/content management area. The platform also includes monetization spaces for advertisements and sponsored listings.

2a. Product Interpretation and Delivery Boundary

The platform is focused on Nigerian students and opportunities, ensuring a responsive mobile experience and SEO-friendly pages. It includes a protected admin/content management area requiring invitation or provisioning for access. The platform supports application-owned identity for content management, while student interactions remain publicly accessible without login requirements.

Page 2 of 7

2b. Source Content Inventory

Not applicable as no content source directive was provided.

2c. Page Content and Component Coverage

Landing

  • Information/State: Overview of the platform, its purpose, and features.
  • Primary Actions: Explore opportunities, view categories, read articles.
  • Components: Hero section with vibrant banner, call-to-action buttons.
  • States: Loading, success, error.

Login

  • Information/State: Access for content administrators.
  • Primary Actions: Login, password recovery.
  • Components: Login form, error messages.
  • States: Loading, success, error.

Opportunities

  • Information/State: Searchable directory of opportunities.
  • Primary Actions: Search, filter, view details.
  • Components: Search bar, filters, opportunity listings.
  • States: Loading, empty, success, error.
Page 3 of 7

Categories

  • Information/State: Browse opportunities by category.
  • Primary Actions: Select category, view opportunities.
  • Components: Category list, opportunity previews.
  • States: Loading, empty, success, error.

Articles

  • Information/State: List of published articles.
  • Primary Actions: Browse, select article.
  • Components: Article list, preview snippets.
  • States: Loading, empty, success, error.

Article Details

  • Information/State: Full article content.
  • Primary Actions: Read, share.
  • Components: Article content, social sharing buttons.
  • States: Loading, success, error.

AI Tools

  • Information/State: Tools available for students.
  • Primary Actions: Explore, use tools.
  • Components: Tool descriptions, usage guides.
  • States: Loading, success, error.
Page 4 of 7

Resources

  • Information/State: Student resources.
  • Primary Actions: Access resources, download.
  • Components: Resource list, download links.
  • States: Loading, success, error.

Guides

  • Information/State: Educational guides.
  • Primary Actions: Read, download.
  • Components: Guide list, content previews.
  • States: Loading, success, error.

Newsletter

  • Information/State: Newsletter signup.
  • Primary Actions: Subscribe.
  • Components: Signup form, confirmation message.
  • States: Loading, success, error.

Content Management

  • Information/State: Admin interface for content management.
  • Primary Actions: Add, edit, delete content.
  • Components: Content editor, management dashboard.
  • States: Loading, success, error.
Page 5 of 7

3. Functional Requirements

  • As a Student, I should be able to discover scholarships, jobs, internships, and SIWES opportunities through a searchable directory. (explicit)
  • As a Student, I should be able to browse opportunities by categories. (explicit)
  • As a Student, I should be able to read individual articles on educational topics. (explicit)
  • As a Student, I should be able to sign up for newsletters to receive updates. (explicit)
  • As a Content Administrator, I should be able to manage content through a protected admin area. (required_inference)
  • As a Content Administrator, I should receive an invitation or provisioning before first access. (required_inference)
  • As a Content Administrator, I should complete returning verification before using Content Management. (required_inference)

4. User Personas

  • Student: The primary audience who discovers scholarships, jobs, internships, SIWES opportunities, AI tools, resources, and educational guides.
  • Content Administrator: Manages opportunity, article, guide, resource, and platform content.

5. Core User Flows

Student Flow

  1. Access the Landing page to explore the platform.
  2. Navigate to Opportunities to search for scholarships and jobs.
  3. Use Categories to filter opportunities.
  4. Browse Articles and read detailed content in Article Details.
  5. Sign up for the Newsletter to receive updates.
Page 6 of 7

Content Administrator Flow

  1. Receive an invitation to access the Content Management area.
  2. Use the Login page for verification.
  3. Manage content through the Content Management interface.

6. Visuals Colors and Theme

  • Muse: Haraldur Thorleifsson
  • Palette: Background #FFFAF0, Surface #FFFFFF, Text #333333, Primary #FF4500, Accent #FFD700, Muted #E6E6E6
  • Typography: Headings Sora — Bold; Body Outfit; Scale 1.5 modular
  • Shape Language: Chunky rounded cards, color-blocked sections
  • Layout: Asymmetric grids, bold color divisions
  • Imagery: Custom character and spot illustration
  • Hero Direction: Full-width vibrant banner with diverse student illustration

7. Signature Design Concept

The Landing page will feature a full-width vibrant banner with large, friendly typography and an illustration of diverse students exploring opportunities. The design will include a cream background with orange and yellow accent elements, integrating a call-to-action button within the text.

8. Interaction Model & Motion Direction

  • Interaction Model: Animated
  • Motion Tempo: Expressive
  • Hero Dimensionality: Layered_2d
  • Landing Hero Motion Brief: A vibrant banner with diverse student illustration; entrance animations and hover pops to engage users.
Page 7 of 7

9. Non-Functional Requirements

  • The platform must be responsive for mobile devices. (explicit)
  • Pages should be SEO-friendly. (explicit)
  • Content and opportunity records must persist in backend-managed storage. (required_inference)
  • Newsletter subscriptions must be submitted to durable subscription storage. (required_inference)

10. Tech Stack

  • Frontend: React
  • Backend: Python/FastAPI
  • Storage: Appropriate storage solution for content and subscription data
  • Deployment: Docker/docker-compose

11. Assumptions and Constraints

  • The platform is focused on Nigerian students and opportunities.
  • Advertisements and sponsored listings are monetization spaces, not workflow roles.
  • The content administrator must receive an invitation or provisioning before first access.

12. Glossary

  • SIWES: Student Industrial Work Experience Scheme
  • SEO: Search Engine Optimization
  • AI Tools: Artificial Intelligence tools designed for educational purposes
  • Responsive Design: Design that adapts to different screen sizes and devices
Landing design preview
Landing: Arrive at platform
Login: Sign in
Content Management: Add content
Content Management: Edit content
Content Management: Delete content
Landing design preview
Landing: Arrive at platform
Login: Sign in
Content Management: Add content
Content Management: Edit content
Content Management: Delete content